/* =============================================================================
   ADU Explorer — Design Tokens
   Civic-grade dossier aesthetic. Paper, ink, hairline, stamp.
   ============================================================================= */

:root {
  /* ---------------------------------------------------------------------------
     Type families — two variable fonts. Phase 6 will subset / preload.
     --------------------------------------------------------------------------- */
  --font-serif: "Fraunces", "Iowan Old Style", "Charter", "Hoefler Text", Georgia, serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* ---------------------------------------------------------------------------
     Color — paper, ink, two restrained accents
     --------------------------------------------------------------------------- */
  --paper:        #f5f1e8;
  --paper-inset:  #ecead7;
  --paper-deep:   #e4dfce;
  --ink:          #1a1814;
  --ink-soft:     #5a544a;
  --ink-faded:    #8b8472;
  --rule:         #c9c2b0;
  --rule-strong:  #8b8472;
  --stamp:        #b3431a;   /* terracotta — sparingly */
  --topo:         #1f4b3f;   /* deep cartographic green */
  --highlight:    #e8d9a8;   /* archival yellow */
  --error:        #8b2a13;

  /* ---------------------------------------------------------------------------
     Spacing scale — based on an 8px baseline grid
     --------------------------------------------------------------------------- */
  --s-0:  0.25rem;   /* 4  */
  --s-1:  0.5rem;    /* 8  */
  --s-2:  1rem;      /* 16 */
  --s-3:  1.5rem;    /* 24 */
  --s-4:  2rem;      /* 32 */
  --s-5:  3rem;      /* 48 */
  --s-6:  4rem;      /* 64 */
  --s-7:  6rem;      /* 96 */
  --s-8:  9rem;      /* 144 */
  --s-9: 12rem;      /* 192 */

  /* ---------------------------------------------------------------------------
     Type scale
     --------------------------------------------------------------------------- */
  --t-mono-2xs: 0.625rem;    /* 10 — micro sheet stamps */
  --t-mono-xs:  0.6875rem;   /* 11 — sheet stamps, coordinates */
  --t-mono-sm:  0.8125rem;   /* 13 — eyebrow / metadata labels */
  --t-mono-md:  0.875rem;    /* 14 — body mono */
  --t-body-sm:  0.9375rem;   /* 15 — captions */
  --t-body:     1.0625rem;   /* 17 — body text */
  --t-body-lg:  1.1875rem;   /* 19 — intro paragraphs */
  --t-lede:     1.4375rem;   /* 23 — section ledes */
  --t-h4:       1.25rem;     /* 20 */
  --t-h3:       1.625rem;    /* 26 */
  --t-h2:       2.125rem;    /* 34 */
  --t-h1:       3rem;        /* 48 */
  --t-display:  4.5rem;      /* 72 — hero */
  --t-display-lg: 6rem;      /* 96 — desktop hero */
  --t-numeral:  3.5rem;      /* 56 — sticky section numerals */

  /* ---------------------------------------------------------------------------
     Line heights
     --------------------------------------------------------------------------- */
  --lh-tight:   1.05;
  --lh-snug:    1.15;
  --lh-display: 1.04;
  --lh-body:    1.55;
  --lh-prose:   1.7;

  /* ---------------------------------------------------------------------------
     Layout
     --------------------------------------------------------------------------- */
  --measure:    65ch;
  --gutter:     1.25rem;
  --gutter-lg:  2rem;
  --max-page:   84rem;     /* 1344px */
  --max-prose:  44rem;
  --rule-w:     1px;

  /* ---------------------------------------------------------------------------
     Motion
     --------------------------------------------------------------------------- */
  --ease:       cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast:     120ms;
  --t-mid:      240ms;
  --t-slow:     420ms;
}

/* No dark theme — this is a paper document. Reduced-motion respected below. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --t-fast: 0ms;
    --t-mid: 0ms;
    --t-slow: 0ms;
  }
}