/* GENERATED by tools/tokens_sync.py from design/tokens.css — do not edit; edit design/tokens.css. */
@font-face{font-family:"EB Garamond";src:url("EBGaramond-VariableFont_wght.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("EBGaramond-Italic-VariableFont_wght.woff2") format("woff2");font-weight:400 800;font-style:italic;font-display:swap}
@font-face{font-family:"Inter Tight";src:url("InterTight-VariableFont_wght.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
/* mlsanity v1 design tokens — "Proceedings".
   SINGLE SOURCE OF TRUTH. Edit values here only. Mirror: design/tokens.json (same values, semantic names).
   Site copy: prototype/site_v1_design/assets/tokens.css is GENERATED from this file (+ @font-face) by
   prototype/site_v1_design/tools/tokens_sync.py; check with `python3 tools/tokens_sync.py check`.
   Logo Lab (brand/) imports this file; it does not redefine colour, type, spacing or motion. */
:root{
  /* colour — contrast on --paper in DESIGN_SYSTEM_V1.md, section 2 */
  --paper:#f6f2e7;      /* page ground */
  --ink:#1c1a16;        /* text, rules, cited dots */
  --muted:#5d574a;      /* secondary text */
  --faint:#a39a85;      /* non-text only: dots, separators, borders */
  --rule:#d3cab4;       /* hairlines, link underlines */
  --rule-soft:#e4dcc8;  /* row separators in dense tables */
  --hl:#ece3cc;         /* hover/selection wash */
  --rubric:#9b2215;     /* the one red: [n] marks, chain, focus ring, "show more" */
  --amber:#ecc65e;      /* the one action colour: check chip, heat ramp top */
  --amber-edge:#a8801f;
  --paper-raised:#f9f6ee; /* cover card, alerts */
  --field:#fffdf7;        /* search box and selects */
  --bar-earlier:#8c8270;  /* tally bars before this week; 3.3:1 on paper */
  --heat-0:#efe9da; --heat-1:#f3e2ad; --heat-2:#ecc65e; --heat-3:#c98f2a; --heat-4:#8a5a12; /* one amber luminance ramp; counts printed in cells */
  --heat-fg-0:var(--ink); --heat-fg-1:var(--ink); --heat-fg-2:var(--ink); --heat-fg-3:var(--ink); --heat-fg-4:var(--paper); /* count text per shade, all ≥4.5:1 */
  /* --band-*: retired r5 confidence bands (strong / mixed / unsure). Unused since r6 (confidence = signal bars in --muted / --rule,
     see DESIGN_SYSTEM_V1 'Confidence (r6)'); kept so tokens.json stays in sync, drop in the next tokens pass. */
  --band-strong:#1c1a16; --band-mixed:#5d574a; --band-unsure:#5d574a; --band-unscored:#5d574a;
  /* type */
  --serif:"EB Garamond",Garamond,"Times New Roman",serif;
  --sans:"Inter Tight","Helvetica Neue",Arial,sans-serif;
  --fs-display:clamp(36px,5.2vw,64px); --fs-h1-page:clamp(32px,4.2vw,52px);
  --fs-h2:23px; --fs-title-l:20px; --fs-title:18.5px; --fs-title-s:17px; --fs-body:18px;
  --fs-meta:14px; --fs-small:13px; --fs-min:12px;       /* nothing below 12px */
  --fs-wordmark:16px;   /* phone header wordmark in the logo lockup (LOGO_SPEC v1.4 L-N9) */
  --lh-tight:1.04; --lh-title:1.3; --lh-body:1.45;
  /* space (4px base) */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px;
  --measure:1072px; /* page max width incl. 48px side padding: a 976px content column, centred; no left gutter (section numerals removed 9 Oct) */
  /* geometry: citation-table cell and row; the logo "Corner" shares these ratios */
  --c:16px; --row:27px; --c-fig:13px; /* --c-fig = compact phone lineage figure cell */
  --tap:44px;       /* minimum tap height (hit area) on touch */
  /* ring treatment shared with the logo mark (brand/logo/RING_TREATMENT.md): square cells; chain = hollow square, stroke = 1/4 cell, drawn inside */
  --cite-cell:8px; --chain-cell:8px; --chain-stroke:2px;
  /* breakpoints (reference values; media queries can't read vars): phone ≤760px, narrow desktop ≤1060px */
  --bp-phone:760px; --bp-narrow:1060px;
  /* motion: only the logo load reveal and loaders animate */
  --motion-logo-reveal:900ms;  /* < 1s, once per session (sessionStorage flag in the logo component) */
  --motion-loader-cycle:1200ms;
  --motion-ease:cubic-bezier(.2,.7,.2,1);
}
/* ---- dark ("Proceedings at night"; Logo Lab proposal brand/logo/DARK_TOKENS_PROPOSAL.md, completed + AA-checked by Design Scout) ----
   Text contrast on --dark-paper: ink 13.95, muted 7.28, rubric 5.62 (4.61 on --dark-hl). faint is non-text only (3.10).
   Applied under prefers-color-scheme:dark unless html[data-theme="light"]; html[data-theme="dark"] forces it. */
:root{
  --dark-paper:#1c1a16; --dark-ink:#ece6d6; --dark-muted:#b0a793; --dark-faint:#6f6756;
  --dark-rule:#3b362d; --dark-rule-soft:#2c2822; --dark-hl:#2f2a21; --dark-rubric:#e5705a;
  --dark-amber:#ecc65e; --dark-amber-edge:#c99a3a;
  --dark-paper-raised:#23201b; --dark-field:#25221c; --dark-bar-earlier:#8c8270;
  --dark-heat-0:#2a261f; --dark-heat-1:#4a3d1c; --dark-heat-2:#7a5c18; --dark-heat-3:#c98f2a; --dark-heat-4:#ecc65e; /* luminance reversed: brighter = more */
  --dark-heat-fg-0:var(--dark-ink); --dark-heat-fg-1:var(--dark-ink); --dark-heat-fg-2:var(--dark-ink); --dark-heat-fg-3:var(--dark-paper); --dark-heat-fg-4:var(--dark-paper);
  --dark-band-strong:#ece6d6; --dark-band-mixed:#b0a793; --dark-band-unsure:#b0a793; --dark-band-unscored:#b0a793;
}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]){
  --paper:var(--dark-paper);--ink:var(--dark-ink);--muted:var(--dark-muted);--faint:var(--dark-faint);--rule:var(--dark-rule);--rule-soft:var(--dark-rule-soft);
  --hl:var(--dark-hl);--rubric:var(--dark-rubric);--amber:var(--dark-amber);--amber-edge:var(--dark-amber-edge);--paper-raised:var(--dark-paper-raised);
  --field:var(--dark-field);--bar-earlier:var(--dark-bar-earlier);
  --heat-0:var(--dark-heat-0);--heat-1:var(--dark-heat-1);--heat-2:var(--dark-heat-2);--heat-3:var(--dark-heat-3);--heat-4:var(--dark-heat-4);
  --heat-fg-0:var(--dark-heat-fg-0);--heat-fg-1:var(--dark-heat-fg-1);--heat-fg-2:var(--dark-heat-fg-2);--heat-fg-3:var(--dark-heat-fg-3);--heat-fg-4:var(--dark-heat-fg-4);
  --band-strong:var(--dark-band-strong);--band-mixed:var(--dark-band-mixed);--band-unsure:var(--dark-band-unsure);--band-unscored:var(--dark-band-unscored);
  color-scheme:dark}}
html[data-theme="dark"]{
  --paper:var(--dark-paper);--ink:var(--dark-ink);--muted:var(--dark-muted);--faint:var(--dark-faint);--rule:var(--dark-rule);--rule-soft:var(--dark-rule-soft);
  --hl:var(--dark-hl);--rubric:var(--dark-rubric);--amber:var(--dark-amber);--amber-edge:var(--dark-amber-edge);--paper-raised:var(--dark-paper-raised);
  --field:var(--dark-field);--bar-earlier:var(--dark-bar-earlier);
  --heat-0:var(--dark-heat-0);--heat-1:var(--dark-heat-1);--heat-2:var(--dark-heat-2);--heat-3:var(--dark-heat-3);--heat-4:var(--dark-heat-4);
  --heat-fg-0:var(--dark-heat-fg-0);--heat-fg-1:var(--dark-heat-fg-1);--heat-fg-2:var(--dark-heat-fg-2);--heat-fg-3:var(--dark-heat-fg-3);--heat-fg-4:var(--dark-heat-fg-4);
  --band-strong:var(--dark-band-strong);--band-mixed:var(--dark-band-mixed);--band-unsure:var(--dark-band-unsure);--band-unscored:var(--dark-band-unscored);
  color-scheme:dark}
html[data-theme="light"]{color-scheme:light}
@media (max-width:760px){:root{--c:13px;--fs-body:17px;--fs-title:17.5px;--fs-title-l:18px}}
@media (prefers-reduced-motion:reduce){:root{--motion-logo-reveal:0ms;--motion-loader-cycle:0ms}}