/* jz-tokens.css — the JewishZodiac colour system, shared by jewishzodiac.com and the iOS app.
   Canonical copy lives in the website repo; the app receives it verbatim through
   scripts/sync-shared.mjs. Never edit the app's copy.

   Sampled from the twelve month paintings (art/months/*.webp, 2026-09-14): their parchment
   highlights sit between #d0b37d and #ead4a1, their deepest inks between #2f1e10 and #754d1f.
   The page parchment is those highlights lifted toward the website's vellum so long text stays
   comfortable; cards are a lighter ivory of the same warmth.

   Contrast (WCAG, measured): ink on parchment 12.2:1 · ink-soft on parchment 6.0:1 ·
   ink-soft on ivory 7.1:1 · on-accent on accent 5.4:1 · accent-text on parchment 5.6:1 ·
   focus ring on parchment 5.6:1. */
:root {
  /* grounds */
  --jz-parchment: #efe3c8;        /* page background */
  --jz-parchment-deep: #e6d5b2;   /* pressed rows, wells, the tab bar's shadow side */
  --jz-ivory: #fbf6ea;            /* cards and inputs */
  --jz-ivory-2: #f6eedb;          /* card headers, quiet fills */

  /* ink */
  --jz-ink: #2e2217;              /* primary text: deep brown */
  --jz-ink-soft: #65503b;         /* secondary text: muted brown */
  --jz-ink-faint: #6f5840;        /* captions and meta; 5:1 on parchment */

  /* the accent: the existing JewishZodiac gold-brown of the Begin and primary buttons */
  --jz-accent: #85601f;           /* buttons, active tabs, switches, selected chips */
  --jz-accent-hi: #a97f38;        /* top of the button gradient */
  --jz-accent-text: #6f4f18;      /* accent used as text (links, active labels) */
  --jz-on-accent: #fff8e9;        /* text on the accent */

  /* lines and decoration */
  --jz-sand: #d8c49c;             /* borders and dividers */
  --jz-sand-soft: #e5d6b8;        /* hairlines inside cards */
  --jz-gold: #a8884a;             /* decorative details only: rules, diamonds, seals (not text) */
  --jz-gold-light: #c9a45c;

  /* states */
  --jz-focus: #7a4f14;
  --jz-danger: #9b3322;
  --jz-shadow: 0 1px 2px rgba(74, 52, 22, .06), 0 6px 18px rgba(74, 52, 22, .08);

  /* the parchment tone of each month painting (its light median), for the wash behind a painting */
  --jz-tone-nisan: #d2b57b;
  --jz-tone-iyar: #e0c78f;
  --jz-tone-sivan: #d7be88;
  --jz-tone-tammuz: #ead4a1;
  --jz-tone-av: #e5cfa4;
  --jz-tone-elul: #d0b37d;
  --jz-tone-tishrei: #ddbe7b;
  --jz-tone-cheshvan: #e8d098;
  --jz-tone-kislev: #dabe88;
  --jz-tone-tevet: #ddcea8;
  --jz-tone-shevat: #e5cc9c;
  --jz-tone-adar: #e7cb98;
}