/* ─────────────────────────────────────────────────────────────
   Uncounted design tokens — "Garden" palette. Calm notebook, not a
   fitness dashboard: warm oat ground, deeper-green action, a warm
   honey accent, soft sage/clay for on/off plan. Body-metric lines
   use a neutral slate (information, never good/bad).
   Light by default; dark via prefers-color-scheme and an explicit
   [data-theme] override set in Settings.
   ───────────────────────────────────────────────────────────── */
:root {
  --bg:        #F6F1E6;   /* warm oat ground */
  --surface:   #FFFDF7;   /* cream card */
  --surface2:  #EBE6D5;
  --border:    #E2DBC7;
  --text:      #303630;   /* warm near-black */
  --muted:     #83806F;
  --faint:     #CFC7B4;

  /* brand / action */
  --accent:    #4E8457;   /* primary action (deep green) */
  --sage:      #7FB07A;   /* on plan */
  --clay:      #D08A70;   /* off plan (warm, never alarm) */
  --honey:     #E3A33E;   /* warm highlight: today, quality */
  --on-ink:    #1f331f;   /* text on sage */
  --clay-ink:  #4a2318;   /* text on clay */
  --trend:     #7C94A2;   /* neutral slate for body-metric lines */

  /* semantic (kept calm — on=sage, off=clay, never red) */
  --good:      #7FB07A;
  --warn:      #E3A33E;
  --bad:       #D08A70;
  --up:        #7C94A2;   /* metric movement is neutral, not good/bad */
  --down:      #7C94A2;
  --flat:      #83806F;

  /* metric line colours (body tracking, when enabled) */
  --line-weight: #7C94A2;
  --line-bf:     #A98BA0;
  --line-lean:   #7FB07A;
  --line-fat:    #D08A70;

  --mono:    'Nunito', ui-rounded, system-ui, -apple-system, sans-serif;
  --sans:    'Nunito', ui-rounded, 'Segoe UI', system-ui, -apple-system, sans-serif;
  --display: 'Nunito', ui-rounded, 'Segoe UI', system-ui, sans-serif;

  --radius: 14px;
  --shadow: 0 10px 30px rgba(60,50,30,0.08);
  --maxw: 480px;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:       #1C211B;
    --surface:  #262B23;
    --surface2: #2F352B;
    --border:   #3A4031;
    --text:     #ECE7D8;
    --muted:    #9FA08C;
    --faint:    #4A4C3E;
    --accent:   #5E9A66;
    --sage:     #82B07C;
    --clay:     #D89277;
    --honey:    #E8B259;
    --on-ink:   #14261a;
    --clay-ink: #3a1f16;
    --trend:    #93A9B6;
    --good:     #82B07C;
    --warn:     #E8B259;
    --bad:      #D89277;
    --up:       #93A9B6;
    --down:     #93A9B6;
    --flat:     #9FA08C;
    --line-weight: #93A9B6;
    --line-bf:     #BBA0B4;
    --line-lean:   #82B07C;
    --line-fat:    #D89277;
    --shadow: 0 10px 30px rgba(0,0,0,0.35);
    color-scheme: dark;
  }
}

/* Explicit dark override (Settings toggle) — wins over system */
:root[data-theme="dark"] {
  --bg:       #1C211B;
  --surface:  #262B23;
  --surface2: #2F352B;
  --border:   #3A4031;
  --text:     #ECE7D8;
  --muted:    #9FA08C;
  --faint:    #4A4C3E;
  --accent:   #5E9A66;
  --sage:     #82B07C;
  --clay:     #D89277;
  --honey:    #E8B259;
  --on-ink:   #14261a;
  --clay-ink: #3a1f16;
  --trend:    #93A9B6;
  --good:     #82B07C;
  --warn:     #E8B259;
  --bad:      #D89277;
  --up:       #93A9B6;
  --down:     #93A9B6;
  --flat:     #9FA08C;
  --line-weight: #93A9B6;
  --line-bf:     #BBA0B4;
  --line-lean:   #82B07C;
  --line-fat:    #D89277;
  --shadow: 0 10px 30px rgba(0,0,0,0.35);
  color-scheme: dark;
}