/* ============================================================
   Willowbend — brand tokens
   Direction: deep clay ground, ochre accent, humanist sans.
   Edit this file to rebrand the template. Nothing else needs
   to change. See README.md for what each variable controls.

   CONTRAST NOTE — this is a DARK-GROUND design. Every token
   below is annotated with its measured WCAG ratio against the
   surface it is intended for. If you retune a colour, re-check
   the pair. Light cards on a dark ground MUST re-declare their
   own heading colour (see `.card-surface` in index.html).
   ============================================================ */

:root {
  /* ---- Core palette: deep clay ground ---- */
  --bg:            #2B1D18;  /* page ground, deep clay-brown       */
  --bg-band:       #38251E;  /* raised band / alternating section  */
  --bg-inset:      #3F2A20;  /* inset tile, initial marks, wells   */
                             /*   ochre on it → 5.03:1 (small text) */
  --ink:           #F6EDE4;  /* primary text on the clay ground    */
                             /*   → 14.05:1 on --bg                */
  --muted:         #CBB6A6;  /* secondary body text                */
                             /*   → 8.35:1 on --bg, 7.43:1 on band */

  /* ---- Warm saturated accent: ochre ---- */
  --accent:        #E08A3C;  /* ochre — labels, numerals, rules    */
                             /*   → 6.09:1 on --bg, 5.42:1 on band */
  --accent-deep:   #D9762E;  /* burnt amber — CTA fill             */
                             /*   → 5.10:1 vs --bg text on top     */
  --accent-ink:    #8A4A16;  /* ochre darkened FOR LIGHT CARDS     */
                             /*   → 5.89:1 on --card               */

  /* ---- Light CARDS against the dark ground ---- */
  --card:          #F5EDE3;  /* card / panel surface, warm paper   */
  --card-2:        #EFE3D6;  /* second card tone, wells inside it  */
  --card-ink:      #2B1D18;  /* text ON a card → 14.02:1           */
  --card-muted:    #5E4A3F;  /* muted text ON a card → 7.16:1      */

  /* ---- Rules ---- */
  --rule:          rgba(246, 237, 228, .17);
  --rule-strong:   rgba(246, 237, 228, .34);
  --rule-card:     rgba(43, 29, 24, .16);

  /* ---- Typography — humanist sans display + body, mono micro ---- */
  --font-display:  "Outfit", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-body:     "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono:     "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Body is 18px by design — the audience is older readers.
     Do not reduce below 17px.                                  */
  --body-size:     18px;
  --body-leading:  1.7;

  /* ---- Radius system: 0px sharp structure, 999px pills only ---- */
  --radius:        0px;
  --radius-sm:     0px;
  --radius-pill:   999px;

  /* ---- Motion ---- */
  --ease:          cubic-bezier(.16, 1, .3, 1);

  /* ---- Shadow ---- */
  --shadow-card:   0 1px 2px rgba(12, 7, 5, .22),
                   0 14px 34px -14px rgba(12, 7, 5, .5);
  --shadow-lift:   0 2px 4px rgba(12, 7, 5, .26),
                   0 28px 62px -22px rgba(12, 7, 5, .62);
}