/* ==========================================================================
   East River Capital — light/css/tokens.css
   DESIGN SYSTEM A — "Paper & Ledger"
   Editorial, warm-paper, institutional. Property NAMES follow the
   cross-version contract (CONTRACTS.md §4); values are authored here.
   ========================================================================== */

:root {
  /* ---- surfaces --------------------------------------------------------- */
  --bg-page: #FAF8F4;      /* warm paper — never pure white for the page   */
  --bg-surface: #FFFFFF;   /* cards, documents                              */
  --bg-raised: #FFFDF8;    /* slightly lifted paper (secondary sheets)      */
  --bg-band: #F2EFE8;      /* the one sunken band per page                  */

  /* ---- ink -------------------------------------------------------------- */
  --ink-1: #16181C;        /* headline ink                                  */
  --ink-2: #545C68;        /* body                                          */
  --ink-3: #8A8F98;        /* muted, captions, labels                       */
  --line: #E4DFD5;         /* hairline                                      */
  --line-strong: #CFC7B6;  /* structural hairline                           */

  /* ---- chroma ------------------------------------------------------------ */
  --accent: #B8542E;           /* clay — THE only chromatic accent          */
  --accent-hover: #9A4324;
  --accent-contrast: #FFFFFF;
  --money: #1F4D3D;            /* yield green — positive / money semantics  */
  --info: #517787;             /* data slate                                */
  --warn: #C5973D;             /* data ochre                                */
  --neg: #8F2B2B;              /* errors                                    */
  --focus: #14304F;            /* navy focus ring                           */

  /* ---- light-only brand extras (so components touch no raw hex) --------- */
  --navy: #14304F;
  --navy-deep: #0B1B2E;
  --paper-on-navy: rgba(250, 248, 244, 0.82);
  --accent-soft: rgba(184, 84, 46, 0.08);
  --band-gradient: linear-gradient(180deg, #080B10 0%, #1C2639 60%, #5D7698 78%, #AFC4E5 92%, #FAF8F4 100%);

  /* ---- type -------------------------------------------------------------- */
  --font-display: 'Source Serif 4', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-num: 'Source Serif 4', 'Iowan Old Style', Georgia, 'Times New Roman', serif;

  --text-h1: clamp(2.75rem, 1.95rem + 3.5vw, 4.75rem);
  --text-h2: clamp(1.75rem, 1.5rem + 1.1vw, 2.25rem);
  --text-h3: clamp(1.25rem, 1.16rem + 0.4vw, 1.5rem);
  --text-lg: clamp(1.125rem, 1.08rem + 0.3vw, 1.3125rem);
  --text-base: 1.0625rem;
  --text-sm: 0.9375rem;
  --text-cap: 0.75rem;

  /* oversized editorial numerals (leverage figures, margins) */
  --text-display: clamp(4.25rem, 2.6rem + 7vw, 8rem);

  /* ---- shape ------------------------------------------------------------- */
  --radius-s: 6px;         /* inputs                                        */
  --radius-m: 8px;         /* cards, buttons                                */
  --radius-l: 12px;
  --radius-pill: 999px;    /* small chips ONLY                              */

  /* ---- space (4-based) --------------------------------------------------- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 4rem;
  --space-10: 5rem;
  --space-11: 6rem;
  --space-12: 8rem;

  --maxw-content: 71.25rem;
  --maxw-wide: 82.5rem;

  /* ---- elevation: hairlines carry depth, not shadows --------------------- */
  --elev: 0 1px 2px rgba(20, 24, 28, 0.04);

  /* ---- motion ------------------------------------------------------------ */
  --dur: 240ms;
  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);
}