/* Scraper — generated from tokens.json */
:root, [data-theme="light"] {
  --surface: #F5EFE6;
  --surface-sunk: #E9E0D2;
  --surface-raised: #FFFDF9;
  --surface-field: #FBF8F3;
  --fill-soft: #EFE8DB;
  --fill-fit: #F1E9DA;
  --line: #E2D8C8;
  --line-field: #DDD3C3;
  --line-strong: #D6CAB8;
  --ink: #2E2D2B;
  --ink-muted: #5E5C57;
  --ink-placeholder: #6B6860;
  --ink-score: #4A4A45;
  --inverse: #2E2D2B;
  --ink-inverse: #F5EFE6;
  --burgundy: #6A1B26;
  --on-burgundy: #FFFFFF;
  --burgundy-ink: #6A1B26;
  --burgundy-soft: #EBD5D1;
  --score-high: #B7C4A8;
  --score-mid: #D3DBC6;
  --score-low: #E7E3DA;
  --sage-soft: #DDE5D3;
  --sage-ink: #3F5230;
  --check: #4F5A2E;
  --ochre-soft: #F2E6CF;
  --ochre-ink: #6B4A12;
  --focus: var(--burgundy-ink);
  --scrim: rgba(46,45,43,0.45);
  --shadow-card: 0 4px 14px rgba(46,45,43,0.06);
  --shadow-panel: 0 8px 24px rgba(46,45,43,0.07);
  --shadow-search: 0 20px 50px rgba(106,27,38,0.12);
  --shadow-cta: 0 8px 20px rgba(106,27,38,0.28);
  --shadow-raised: 0 2px 6px rgba(46,45,43,0.10);
  --shadow-dialog: 0 30px 80px rgba(46,45,43,0.25);
}
[data-theme="dark"] {
  --surface: #1E1A17;
  --surface-sunk: #171411;
  --surface-raised: #2A2420;
  --surface-field: #231E1B;
  --fill-soft: #352E29;
  --fill-fit: #312A25;
  --line: #3E362F;
  --line-field: #4A4038;
  --line-strong: #5C5046;
  --ink: #F3ECE2;
  --ink-muted: #BDB3A6;
  --ink-placeholder: #A39889;
  --ink-score: #EDE6DB;
  --inverse: #F3ECE2;
  --ink-inverse: #1E1A17;
  --burgundy: #B04A58;
  --on-burgundy: #FFFFFF;
  --burgundy-ink: #E8A3AE;
  --burgundy-soft: #4A2229;
  --score-high: #55684A;
  --score-mid: #414D39;
  --score-low: #3A332E;
  --sage-soft: #2E3829;
  --sage-ink: #C5D6B3;
  --check: #B9C99F;
  --ochre-soft: #3D3220;
  --ochre-ink: #E6C88E;
  --focus: var(--burgundy-ink);
  --scrim: rgba(0,0,0,0.6);
  --shadow-card: 0 4px 14px rgba(0,0,0,0.30);
  --shadow-panel: 0 8px 24px rgba(0,0,0,0.35);
  --shadow-search: 0 20px 50px rgba(0,0,0,0.45);
  --shadow-cta: 0 8px 20px rgba(0,0,0,0.45);
  --shadow-raised: 0 2px 6px rgba(0,0,0,0.40);
  --shadow-dialog: 0 30px 80px rgba(0,0,0,0.60);
}
:root {
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-44: 44px;
  --space-48: 48px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-2xl: 32px;
  --radius-3xl: 40px;
  --radius-pill: 999px;
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Figtree", system-ui, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;
}
.t-hero { font-family: var(--font-display); font-size: 60px; line-height: 1.05; font-weight: 600; letter-spacing: -0.02em; }
.t-title-lg { font-family: var(--font-display); font-size: 40px; line-height: 1.08; font-weight: 500; letter-spacing: -0.02em; }
.t-title { font-family: var(--font-display); font-size: 32px; line-height: 1.15; font-weight: 600; }
.t-title-sm { font-family: var(--font-display); font-size: 26px; line-height: 1.2; font-weight: 600; }
.t-verdict { font-family: var(--font-display); font-size: 22px; line-height: 1.3; font-weight: 400; font-style: italic; }
.t-heading { font-family: var(--font-display); font-size: 19px; line-height: 1.3; font-weight: 600; }
.t-card-title { font-family: var(--font-display); font-size: 17px; line-height: 1.2; font-weight: 600; }
.t-eyebrow { font-family: var(--font-display); font-size: 17px; line-height: 1.3; font-weight: 400; font-style: italic; }
.t-score-lg { font-family: var(--font-display); font-size: 38px; line-height: 1; font-weight: 700; }
.t-score { font-family: var(--font-display); font-size: 18px; line-height: 1; font-weight: 700; }
.t-lead { font-family: var(--font-body); font-size: 20px; line-height: 1.5; font-weight: 400; }
.t-body { font-family: var(--font-body); font-size: 17px; line-height: 1.65; font-weight: 400; }
.t-ui { font-family: var(--font-body); font-size: 16px; line-height: 1.3; font-weight: 600; }
.t-button { font-family: var(--font-body); font-size: 15px; line-height: 1.2; font-weight: 700; }
.t-meta { font-family: var(--font-body); font-size: 13px; line-height: 1.35; font-weight: 400; }
.t-label { font-family: var(--font-body); font-size: 13px; line-height: 1.3; font-weight: 600; }
.t-button-sm { font-family: var(--font-body); font-size: 12px; line-height: 1.2; font-weight: 700; }
.t-chip { font-family: var(--font-body); font-size: 11px; line-height: 1.3; font-weight: 700; }
.t-mono { font-family: var(--font-mono); font-size: 13px; line-height: 1.6; font-weight: 400; }