/* 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{
  --bg:#faf9f6; --bg-soft:#f2f0ea; --card:#ffffff;
  --ink:#1e2a33; --ink-soft:#3e4c57; --muted:#5f6e7a;
  --line:#e4e1d8; --line-strong:#cfccbf;
  --accent:#274b66; --accent-600:#274b66; --accent-700:#1e3d54; --accent-800:#16303f;
  --accent-d:var(--accent-700); /* legacy alias */
  --tint:#edf2f6; --tint-line:#ccdae4;
  --gold:#a8862e; --gold-ink:#75601f; --gold-bg:#f7f1e0;
  --gold-soft:#dcc98f; --gold-hover:#bd9a3e;
  /* the dark ceremonial ground (home hero, back-office page heads) */
  --dark:#122536; --dark-ink:#f4f1e9; --dark-muted:#a9bdcb; --dark-line:#27455c;
  --ok:#2f6b4a; --ok-bg:#e5efe8;
  --warn:#8a5a16; --warn-bg:#f9f0dd;
  --danger:#a8352c; --danger-bg:#f9e9e7;
  --btn-grad:var(--accent-600);   /* legacy alias — gradients are gone */
  --r-xs:4px; --r-sm:6px; --r:8px; --r-lg:12px; --r-pill:8px;
  --shadow-xs:0 1px 2px rgba(30,42,51,.05);
  --shadow-sm:0 1px 2px rgba(30,42,51,.04), 0 4px 14px rgba(30,42,51,.05);
  --shadow:0 1px 3px rgba(30,42,51,.06), 0 10px 28px rgba(30,42,51,.08);
  --shadow-lg:0 3px 8px rgba(30,42,51,.1), 0 20px 48px rgba(30,42,51,.16);
  --ease:cubic-bezier(.22,.8,.36,1);
}