/* Design tokens — palette, type, radius, elevation. Edit colors HERE. */
/* ============================================================================
   SHIDDUCH — DESIGN SYSTEM
   ----------------------------------------------------------------------------
   Warm paper, deep navy ink, brass accents. The visual language of an
   established institution — editorial, quiet, precise. Mobile-first (~390px).

   PALETTE
     Background     --bg          #faf9f6   warm paper
     Soft section   --bg-soft     #f2f0ea
     Surface        --card        #ffffff
     Ink            --ink         #1e2a33   deep navy-charcoal
     Soft ink       --ink-soft    #3e4c57
     Muted          --muted       #5f6e7a
     Hairlines      --line #e4e1d8 / --line-strong #cfccbf
     Accent (navy)  --accent #274b66 · 700 #1e3d54 (links) · 800 #16303f (pressed)
     Navy wash      --tint #edf2f6 / --tint-line #ccdae4
     Brass          --gold #a8862e · ink #75601f · bg #f7f1e0  (the match moment)
     Success        --ok #2f6b4a on #e5efe8
     Warning        --warn #8a5a16 on #f9f0dd
     Danger         --danger #a8352c on #f9e9e7

   TYPE   Display: 'Newsreader' (serif, opsz) · UI/body: 'Hanken Grotesk'
          Inputs >=16px so iOS never zooms on focus.
   RADIUS 4 / 6 / 8 / 12 — rectangular, never pill.
   SHADOW hairline borders carry structure; shadows only on overlays.
   TOUCH  every control >= 44px.
   ========================================================================== */

:root{
  /* ==================== PARDES ====================
     The audition winner: a walled garden in late morning. Same VARIABLE NAMES
     as the navy-&-brass system so every component keeps working; the VALUES are
     the new world. Where a name says "gold", read "the warm accent" — on
     Pardes that is the pomegranate blossom, and the match moment keeps its own
     warmth through the same tokens. */
  --bg:#f8f7ef; --bg-soft:#f1f2e7; --card:#fffef9;
  --ink:#25382b; --ink-soft:#41523f; --muted:#75846f;
  --line:#e6e4d4; --line-strong:#d8dcc9;
  --accent:#5c7350; --accent-600:#5c7350; --accent-700:#4c6142; --accent-800:#3d4f35;
  --accent-d:var(--accent-700);
  --tint:#eef3ea; --tint-line:#d3ddd2;
  --gold:#c4715b; --gold-ink:#a25743; --gold-bg:#f7ece7;
  --gold-soft:#dfb2a4; --gold-hover:#b56450;
  /* the deep ceremonial ground (page heads, the landing's closing panel) */
  --dark:#25382b; --dark-ink:#f4f6ee; --dark-muted:#a9bda9; --dark-line:#3b4f3d;
  --ok:#2f6b4a; --ok-bg:#e5efe8;
  --warn:#8a5a16; --warn-bg:#f9f0dd;
  --danger:#a8352c; --danger-bg:#f9e9e7;
  --btn-grad:var(--accent-600);
  --r-xs:6px; --r-sm:8px; --r:12px; --r-lg:18px; --r-pill:999px;
  --shadow-xs:0 1px 2px rgba(37,56,43,.05);
  --shadow-sm:0 1px 2px rgba(37,56,43,.04), 0 4px 14px rgba(37,56,43,.05);
  --shadow:0 1px 3px rgba(37,56,43,.06), 0 10px 28px rgba(37,56,43,.08);
  --shadow-lg:0 3px 8px rgba(37,56,43,.1), 0 20px 48px rgba(37,56,43,.16);
  --ease:cubic-bezier(.22,.8,.36,1);
}