/**
 * tokens.css — Logos IP Licensing design tokens
 *
 * The sovfound.org house style, re-keyed: the same three groups and the
 * same names, so a rule written against one site reads against the other,
 * but set dark, with red where the Foundation uses brass.
 *
 *   SURFACE + INK   the neutral ramp everything is built on (warm blacks)
 *   SEMANTIC        colours that carry meaning, never decoration
 *   FORM            radius, elevation, rhythm — the depth vocabulary
 */

:root {
  color-scheme: dark;

  /* ── Surface + ink ─────────────────────────────────────────── */
  --paper:       #0d0c0b;   /* page ground                       */
  --paper-soft:  #171514;   /* panels, hover ground              */
  --paper-sunk:  #121110;   /* summaries, table heads            */
  --paper-raise: #151312;   /* cards sitting on the ground       */

  --ink-strong:  #f3efe9;   /* headings                          */
  --ink:         #d8d2c9;   /* body                              */
  --ink-soft:    #bab3a9;   /* asides, secondary prose           */
  --ink-muted:   #a29b91;   /* captions                          */
  --ink-dim:     #8a8379;   /* labels, meta                      */
  --ink-faint:   #5c5751;   /* disabled, absent, separators      */

  --rule:        #2a2725;
  --rule-soft:   #211f1d;
  --rule-strong: #3b3734;
  --rule-warm:   #45292a;   /* rules adjacent to accent          */

  /* ── Semantic ──────────────────────────────────────────────────
     These carry meaning. Never reach for one decoratively.
     --accent is text-safe on --paper (≥ 4.5:1); --accent-deep is
     for fills that carry white text; --accent-line for hairlines. */
  --accent:      #e04a3a;   /* Logos red                         */
  --accent-hi:   #f06a58;   /* hover on dark                     */
  --accent-deep: #b3261e;   /* filled badges, pressed            */
  --accent-pale: #8e3d34;   /* section numerals, quiet accent    */
  --accent-line: rgba(224, 74, 58, 0.55);
  --accent-wash: rgba(224, 74, 58, 0.07);
  --neutral:     #7f8fa0;   /* procedural notes                  */
  --gold:        #c2a45a;   /* provenance, sealed record         */

  /* ── Type ──────────────────────────────────────────────────── */
  --serif: 'Vollkorn', Palatino, 'Times New Roman', serif;
  --mono:  'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --sans:  system-ui, -apple-system, 'Segoe UI', sans-serif;

  --display-lg: 3.75rem;
  --display-sm: 2.6rem;
  --section-lg: 1.9rem;
  --section-sm: 1.6rem;
  --prose:      1.02rem;
  --prose-lead: 1.85;

  --t-label:   0.62rem;
  --t-micro:   0.60rem;

  /* ── Form ────────────────────────────────────────────────────── */
  --r-sm:  3px;
  --r-md:  4px;
  --r-lg:  7px;

  --lift-1: 0 2px 10px rgba(0, 0, 0, 0.35);
  --lift-2: 0 8px 26px rgba(224, 74, 58, 0.10);

  --edge: 3px;              /* accent edge on cards              */

  --w-read: 760px;
  --w-wide: 1080px;
  --pad-x:  24px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (max-width: 760px) {
  :root { --pad-x: 16px; }
}

/* ── Numerals ────────────────────────────────────────────────────
   Vollkorn ships oldstyle figures, which set "1" close to "I". A
   registry is mostly numbers, so every numeric display is forced to
   lining, tabular figures. Prose keeps the oldstyle default. */

.num, .stat .val, .mk-serial, td, th {
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1, "tnum" 1;
}