/* WeekThyme design tokens: greens, blues and grays. Red is reserved for "expiring soon".
   App tokens are for the iOS, web and kiosk app. E-ink tokens are the Inky Impression
   Spectra panel's inks. The renderer quantizes to exactly those values, so flat fills map
   1:1 to an ink with no dithering. Calibrate the e-ink values once against a photo of the
   real panel and keep this file and the renderer palette in sync. */

:root {
  /* ── Greens ────────────────────────────── */
  --thyme:        #3E5C3A;  /* primary: logo, Cook, Safe */
  --thyme-deep:   #2A4128;  /* headers, pressed states */
  --moss:         #6E8B5E;  /* secondary actions, icons */
  --sage:         #A7B9A0;  /* chips, Leftovers border */
  --sage-wash:    #E4ECE2;  /* Leftovers fill, selected rows */

  /* ── Blues ─────────────────────────────── */
  --harbor:       #35557A;  /* Takeout, ⇄ Swap, prep reminders */
  --harbor-deep:  #24405F;  /* pressed states */
  --mist:         #A9BED1;  /* secondary chips, app-icon hub */
  --mist-wash:    #E3EBF2;  /* info panels */

  /* ── Grays ─────────────────────────────── */
  --ink:          #1C2321;  /* body text */
  --slate:        #4B5552;  /* ✕ Contains, secondary headers */
  --ink-soft:     #5A6461;  /* secondary text */
  --stone:        #8C9491;  /* Eat out, disabled, ⚠ Verify outline */
  --rule:         #D6DCD9;  /* dividers */
  --fog:          #F2F4F3;  /* app background */
  --paper:        #FFFFFF;  /* cards and sheets */

  /* ── Red: expiring soon only ───────────── */
  --expiring:     #B23A2E;

  /* ── Meanings ──────────────────────────── */
  --kind-cook:          var(--thyme);      /* solid */
  --kind-leftovers:     var(--sage-wash);  /* light fill, thyme border and text */
  --kind-takeout:       var(--harbor);     /* solid */
  --kind-out:           var(--stone);      /* dashed outline */
  --badge-safe:         var(--thyme);
  --badge-swap:         var(--harbor);
  --badge-verify:       var(--stone);      /* dashed */
  --badge-contains:     var(--slate);      /* filled */
  --prep:               var(--harbor);

  /* ── Type ──────────────────────────────── */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Source Serif 4', Georgia, serif;
}

/* ── E-ink (Inky Impression Spectra). The yellow ink exists on the panel but WeekThyme never uses it. ── */
:root {
  --eink-black:  #111111;
  --eink-white:  #FFFFFF;
  --eink-green:  #2F6E3B;   /* brand; Cook (solid); Leftovers (outline); Safe */
  --eink-blue:   #2C4A8F;   /* Takeout; Swap; prep reminders */
  --eink-red:    #B32D2A;   /* expiring soon only */
}