/* ============================================================
   tokens.css — the Leaf Market family design system,
                Legal-Leaf's edition
   ------------------------------------------------------------
   These values are NOT invented. The palette block below is lifted
   verbatim out of this site's own :root in public/index.html, so the
   library pages and the market pages cannot drift apart:

     --bg:#0b120d  --leaf:#4ade80  --gold:#f0b93c  --red:#ef5350
     --chip:#1a271f  --radius:16px

   SHARED ACROSS ALL THREE SISTER SITES — do not drift these:
     --gold  --red  --leaf/--sage  and the three font families.

   OURS ALONE:
     --leaf as the accent. Nicotia uses --ember (tobacco amber) in the
     same slot and Herbal-Leaf uses --terracotta. Everything in
     library.css that reaches for an accent reaches for --accent, so
     this one line is what makes these pages read as Legal-Leaf's:

         --accent: var(--leaf)

   If you change a shared token here, change it on nicotiamarket.com and
   herballeafmarket.com too, or the family stops looking like a family.

   The Google Fonts request in the library pages is byte-identical to the
   sisters' on purpose: a visitor crossing between them gets a cache hit.
   ============================================================ */

:root{
  /* --- lifted from index.html's :root — keep in sync --- */
  --bg:#0b120d;
  --panel:rgba(18,28,22,.72); --panel2:rgba(10,18,14,.85);
  --glass:rgba(12,24,26,.42); --glass-line:rgba(120,190,150,.22);
  --line:#223029;
  --text:#eaf3ec; --muted:#9fb6a6; --dim:#7d9488;
  --leaf:#4ade80; --leaf2:#22c55e; --leaf3:#16a34a;
  --gold:#f0b93c; --amber:#e8a33d; --red:#ef5350;
  --chip:#1a271f;

  /* --- the sisters' shared names, mapped onto ours so component CSS
         can be copied between the three sites unchanged --- */
  --sage:var(--leaf); --sage-dk:var(--leaf2);
  --gold-dk:#c8922a;

  /* --- the accent slot. This is the whole difference between the three
         sites' library pages. --- */
  --accent:var(--leaf);
  --accent-dk:var(--leaf3);
  --accent-rgb:74,222,128;          /* for rgba() tints of the accent */

  /* --- type --- */
  --display:'Fraunces',Georgia,serif;
  --script:'Cormorant Garamond',Georgia,serif;
  --sans:'Jost',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;

  /* --- metrics --- */
  --shell:min(1500px,94vw);
  --r:16px; --r-sm:10px; --r-lg:22px;
  --shadow:0 10px 40px rgba(0,0,0,.35);
}
