/* Papier Pivoine — Colour palette (locked, Brand Bible §16)
   Muted and desaturated. Soft pinks for warmth, two greens to ground it.
   Keep large areas light (white + blush) so printables stay light on ink. */

:root {
  /* ---- Base palette (the five locked colours) ---- */
  --blush: #F8E7E1;      /* lightest — page tints, soft backgrounds, card fills, "paper" warmth */
  --pale-rose: #EDC2BE;  /* gentle secondary fills, soft dividers */
  --sage: #B2BD88;       /* the soft green — hairline rules, small botanical accents */
  --rose: #C47A78;       /* signature warm accent — the peony, a key word, small emphasis */
  --deep-olive: #656D44; /* darkest — headings, strong accents, grounding */

  /* ---- Extended neutrals (the "one gap to fill": a dark warm text colour) ---- */
  --paper: #FFFFFF;          /* true page white */
  --paper-warm: #FCF6F2;     /* faint warm off-white, between white and blush */
  --ink: #33321E;            /* dark warm olive-charcoal — body text */
  --ink-soft: #5A5A47;       /* muted secondary text */
  --ink-faint: #8C8A77;      /* captions, placeholders, disabled */

  /* tints derived from the palette, for subtle states */
  --blush-deep: #F1D6CD;     /* hover/pressed tint over blush */
  --rose-deep: #A8615F;      /* pressed state of rose accents */
  --sage-soft: #D7DDC2;      /* faint sage wash */
  --olive-soft: #E2E4D6;     /* faint olive wash */

  /* ---- Semantic aliases ---- */
  --surface-page: var(--paper-warm);
  --surface-card: var(--paper);
  --surface-tint: var(--blush);
  --surface-tint-rose: var(--pale-rose);
  --surface-tint-sage: var(--sage-soft);
  --surface-inset: var(--blush);

  --text-heading: var(--deep-olive);
  --text-body: var(--ink);
  --text-muted: var(--ink-soft);
  --text-faint: var(--ink-faint);
  --text-accent: var(--rose);
  --text-on-accent: #FFFFFF;
  --text-on-olive: #FBF8EF;

  --accent: var(--rose);
  --accent-pressed: var(--rose-deep);
  --accent-ground: var(--deep-olive);

  --border-hairline: var(--sage);
  --border-soft: var(--pale-rose);
  --border-faint: #ECE3DC;       /* near-invisible warm divider */
  --focus-ring: var(--rose);
}