/* tokens.css — design tokens from the couple's vision deck (ui-plan/03).
   Chart segment steps are validator-passed (dataviz skill) per mode — don't eyeball-tweak them. */

:root {
  /* palette */
  --cream:        #FAF6EE;   /* page bg */
  --cream-card:   #FFFDF8;   /* card bg */
  --forest:       #22402E;   /* primary text */
  --forest-soft:  #4C6454;   /* secondary text */
  --gold:         #A98B4F;   /* accents, rules, icons */
  --amber:        #D99A3D;   /* highlights, progress, links */
  --walnut:       #4A3728;   /* headings */
  --leaf:         #7A9471;   /* success / paid / booked */
  --clay:         #B4552D;   /* warnings / overdue (warm red) */
  --line:         #E8DFCC;   /* hairlines */

  /* chart steps — validated on cream-card (light) */
  --chart-paid:      #336325;
  --chart-committed: #A56A10;
  --chart-planned:   #D3AF60;
  --chart-track:     #EFE9DA;

  /* chip tints (bg) + inks (text) */
  --tint-ok:     #E7EDE2;  --ink-ok:    #3D5C33;
  --tint-warn:   #F7E8CE;  --ink-warn:  #7D5512;
  --tint-alert:  #F3DFD3;  --ink-alert: #8F3F1C;
  --tint-muted:  #F2EDE0;  --ink-muted: #4C6454;
  --tint-gold:   #F1E8D4;  --ink-gold:  #77613A;

  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body:    -apple-system, "SF Pro Text", system-ui, sans-serif;

  --radius: 14px;
  --radius-chip: 999px;
  --shadow-card: 0 1px 3px rgb(34 64 46 / .08), 0 8px 24px rgb(34 64 46 / .06);
  --maxw: 720px;
  --maxw-wide: 1240px;
}

/* manual theme (sidebar toggle, default light) — no prefers-color-scheme */
:root[data-theme="dark"] {
    --cream:       #151D17;
    --cream-card:  #1C271F;
    --forest:      #EDE6D6;
    --forest-soft: #A8B3A3;
    --walnut:      #E4D3BC;
    --line:        #2C3A2F;
    --shadow-card: none;

    /* chart steps — validated on #1C271F (dark) */
    --chart-paid:      #4A7A38;
    --chart-committed: #BC8B29;
    --chart-planned:   #816008;
    --chart-track:     #26332A;

    --tint-ok:    #243527; --ink-ok:    #A9C89C;
    --tint-warn:  #39301A; --ink-warn:  #E2B662;
    --tint-alert: #3B241B; --ink-alert: #DE9068;
    --tint-muted: #232E26; --ink-muted: #A8B3A3;
    --tint-gold:  #302B1D; --ink-gold:  #C9B183;
}