/* ============================================================
   ImportFacts — tokens.css
   Single source of truth for the design system.
   Screen register C (sans, ink-on-white, one navy accent).
   Print register A (serif, monochrome, URLs revealed).
   Conforms to Design System v1.4 (governance) + v1.3 (numbers).
   Change the system here; every page inherits it.
   ============================================================ */

:root {

  /* --- Color: ink + single accent ----------------------------
     Accent #1C3F63 (muted navy). Used ONLY for structure:
     masthead rule, band edge, band label, links. Never as a
     button fill, highlight, or decoration. Body contrast 7:1
     (AAA) per v1.3 §2. */
  --color-ink:        #191b1a;   /* body text — AAA on white */
  --color-bg:         #ffffff;
  --color-muted:      #565b5e;   /* secondary text — AA+ on white */
  --color-rule:       #d2d4d5;   /* hairline dividers */
  --color-accent:     #1c3f63;   /* navy — links, rules, labels */
  --color-accent-ink: #15263a;   /* darker navy — headings */

  /* Boundary / "hard line" band — barely-there tint, navy edge */
  --color-band-bg:    #eef2f6;
  --color-band-edge:  #1c3f63;
  --color-band-ink:   #163350;

  /* "What this means" block — neutral, ink-ruled */
  --color-means-rule: #191b1a;

  /* Editorial / review annotations (never published) */
  --color-review-bg:   #f4f6f7;
  --color-review-rule: #b9c4c9;
  --color-flag-bg:     #f6f1e8;
  --color-flag-rule:   #b98f3c;
  --color-flag-ink:    #5a4410;

  /* --- Typography (v1.3 §4) ------------------------------------ */
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Arial, sans-serif;
  --font-serif: Georgia, "Times New Roman", Times, serif; /* print only */

  --fs-body:   1.0625rem;  /* 17px mobile (>=16 floor) */
  --fs-dek:    1.0625rem;
  --fs-h1:     1.6rem;
  --fs-h2:     1.2rem;
  --fs-h3:     1.0625rem;
  --fs-small:  0.9375rem;
  --fs-meta:   0.8125rem;

  --lh-body:   1.6;        /* v1.3 §1: 1.5–1.7 */
  --lh-tight:  1.25;

  --fw-body:   400;
  --fw-bold:   600;        /* v1.3 §4: 400–500 body, 600–700 headings */

  /* --- Layout / spacing (4px base, v1.3 §8) ------------------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --measure: 42rem;        /* reading column cap */
  --tap:     44px;         /* min touch target, v1.3 §1 */
  --pad-x:   1.125rem;
}

@media (min-width: 48rem) {
  :root {
    --fs-body: 1.125rem;   /* 18px desktop */
    --fs-dek:  1.0625rem;
    --fs-h1:   1.95rem;
  }
}

/* Dark mode: structure built in now, visual pass deferred to v2
   per v1.3 §2. Tokens declared so future addition is cheap. */