/* Blanka Privé — Color
   Three colors carry the brand: Cream (ground ~78%), Ink (voice ~18%),
   Gold (accent ~4% — "the earring, not the dress"). Two warm neutrals
   support text only. Warm throughout — never pure white, never #000,
   never a cool tone. */

:root {
  /* ── Base palette ── */
  --bp-cream: #F4F0E9;        /* the ground — warm, quiet, never pure white */
  --bp-ivory: #FAF9F5;        /* lighter warm white — outermost page ground */
  --bp-white: #FFFFFF;        /* reserved: inset "do/don't" chips, form fields */
  --bp-ink: #1C1A16;          /* the voice — warm near-black, not #000 */
  --bp-gold: #A8842E;         /* the accent — rationed; one phrase, one hairline */
  --bp-gold-light: #F0E6D0;   /* pale gold — labels set on a gold ground */

  /* Warm neutrals — supporting text only */
  --bp-warm-gray: #8A8780;    /* meta, labels, captions */
  --bp-taupe: #55504A;        /* body copy on ivory */
  --bp-taupe-dark: #3A362F;   /* denser body (rules lists) */

  /* Lines & structure */
  --bp-hairline: rgba(28, 26, 22, 0.12);   /* the 1px divider everywhere */
  --bp-line-strong: rgba(28, 26, 22, 0.4); /* input underline, CTA underline */
  --bp-gold-line: rgba(168, 132, 46, 0.5); /* gold hairline, layout guides */

  /* Signal */
  --bp-danger: #B23B2E;       /* "don't" markers, errors — used sparingly */

  /* ── Semantic aliases ── */
  --surface-page: var(--bp-cream);      /* every surface starts here */
  --surface-raised: var(--bp-white);    /* inset comparison chips / fields */
  --surface-ink: var(--bp-ink);         /* reversed sections, solid footer */
  --surface-gold: var(--bp-gold);       /* reversed-on-gold (rare) */

  --text-heading: var(--bp-ink);
  --text-body: var(--bp-taupe);
  --text-body-strong: var(--bp-taupe-dark);
  --text-meta: var(--bp-warm-gray);
  --text-accent: var(--bp-gold);
  --text-on-dark: var(--bp-cream);      /* type over ink / photography */
  --text-on-gold: var(--bp-gold-light);
  --text-danger: var(--bp-danger);

  --border-hairline: var(--bp-hairline);
  --border-field: var(--bp-line-strong);
  --border-ink: var(--bp-ink);          /* outline button */
  --accent-line: var(--bp-gold-line);
}