/* Engraphic Legal Library — design tokens.
   The only file to edit for a rebrand. Everything else reads these variables.
   Rationale for every value: ../../docs/DESIGN_PRINCIPLES.md (sections 6, 7, 9, 10); working rules: ../../CLAUDE.md. */

:root {
  /* ground and ink */
  --ink: #12100E;
  --paper: #F4EFE4;
  --paper-2: #EAE3D3;
  --room: #0E2B27;          /* "reading-room" green: the brand ground */
  --room-2: #14403A;
  --brass: #B8924A;
  --brass-soft: #D9C08A;
  --brass-ink: #7C5E24;     /* brass for large numerals on paper (4.9:1) */
  --rule: #CFC6B0;
  --rule-dark: #2E524B;
  --ink-dim: #5B554B;       /* secondary text on paper */
  --paper-dim: #A9B2A6;     /* secondary text on green */

  /* the evidence vocabulary: meaning, never decoration */
  --cited: #1F5B4C;
  --inference: #85580C;
  --hypothesis: #4B3C73;
  --silent: #7A1F2B;

  /* type */
  --f-display: "Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --f-ui: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --fs-hero: clamp(3rem, 7.2vw, 6.75rem);
  --fs-h2: clamp(2.1rem, 4.2vw, 3.6rem);
  --fs-h3: 1.5rem;
  --fs-lead: clamp(1.15rem, 1.7vw, 1.375rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.9375rem;
  --fs-label: 0.75rem;

  /* space (px scale from the principles: 4 8 12 16 24 32 48 72 112 160) */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px;
  --s6: 32px; --s7: 48px; --s8: 72px; --s9: 112px; --s10: 160px;

  --measure: 62ch;
  --max: 1360px;
  --radius: 3px;

  /* motion */
  --t-fast: 160ms;
  --t-base: 320ms;
  --t-slow: 720ms;
  --ease-out: cubic-bezier(.2, .7, .2, 1);
}

/* Primary colour options. The switcher sets data-primary on <html>; "green" is the default above.
   Each option redefines only the four tokens that make up the dark ground. */
:root[data-primary="navy"]    { --room: #10264B; --room-2: #1A3C72; --rule-dark: #3A5686; --paper-dim: #A9B4CC; }
:root[data-primary="ink"]     { --room: #14110F; --room-2: #221E1B; --rule-dark: #403B36; --paper-dim: #B5B0A6; }
:root[data-primary="oxblood"] { --room: #431019; --room-2: #5E1B28; --rule-dark: #7F3A46; --paper-dim: #C9ADB1; }