/* Compiled from tokens.json by scripts/design_tokens.py. Don't edit by hand. */

@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("fonts/inter-latin.woff2") format("woff2"); }

:root {
  --unchecked: var(--ink-muted);
  --map-stage: #0c101b;
  --map-glow: #141b30;
  --map-accent: #8fa8e0;
  --map-ink: #eef1f8;
  --map-ink-muted: #b3bdd4;
  --map-hair: rgba(143, 168, 224, 0.34);
  --map-claim: #5cf2ff;
  --map-confirmed: #b98bff;
  --map-dispute: #ffb02e;
  --map-retired: #5d6782;
  --map-cited: #f4f7ff;
  --map-passage: #5a9dff;
  --map-thing: #c9d6f2;
  --map-set-aside: #ff4d5e;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 14px;
  --radius-full: 9999px;
  --control-sm: 32px;
  --control-md: 40px;
  --control-lg: 48px;
  --nav-width: 248px;
  --content-max: 1120px;
  --measure: 68ch;
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: "Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

:root, [data-theme="light"] {
  --ground: #f0f2f6;
  --sheet: #ffffff;
  --raised: #f6f7fa;
  --line: #e1e5ed;
  --line-strong: #878fa3;
  --ink: #0c101b;
  --ink-muted: #4d566b;
  --ink-faint: #636c83;
  --accent: #496ab3;
  --accent-hover: #3d5ca1;
  --on-accent: #ffffff;
  --accent-text: #3a5699;
  --accent-soft: #e8edf8;
  --confirmed: #6d48c9;
  --checked: #0b7285;
  --in-question: #9a5b00;
  --in-question-soft: #fbf1e1;
  --retired: #687189;
  --positive: #1f7a4d;
  --positive-soft: #e3f2ea;
  --danger: #b42332;
  --danger-soft: #fbe6e8;
  --on-danger: #ffffff;
  --scrim: #0c101b66;
  --shadow-sm: 0 1px 2px #0c101b14;
  --shadow-lg: 0 2px 6px #0c101b0f, 0 12px 32px -6px #0c101b2e;
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #496ab3;
}

[data-theme="dark"] {
  --ground: #0c101b;
  --sheet: #131829;
  --raised: #1a2136;
  --line: #262f47;
  --line-strong: #66708b;
  --ink: #eef1f8;
  --ink-muted: #b3bdd4;
  --ink-faint: #8b94ad;
  --accent: #8fa8e0;
  --accent-hover: #a6bbea;
  --on-accent: #0c101b;
  --accent-text: #c9d5f2;
  --accent-soft: #1f2941;
  --confirmed: #b98bff;
  --checked: #5cf2ff;
  --in-question: #ffb02e;
  --in-question-soft: #2e2412;
  --retired: #808aa6;
  --positive: #7fd1a4;
  --positive-soft: #14301f;
  --danger: #ff8a94;
  --danger-soft: #3a161b;
  --on-danger: #0c101b;
  --scrim: #000000a6;
  --shadow-sm: 0 1px 2px #00000080;
  --shadow-lg: 0 2px 6px #00000066, 0 16px 40px -6px #000000b3;
  --focus-ring: 0 0 0 2px #131829, 0 0 0 4px #8fa8e0;
}

.ui-text-display { font-family: var(--font-sans); font-size: 48px; line-height: 52px; font-weight: 600; letter-spacing: -0.03em; }
.ui-text-title { font-family: var(--font-sans); font-size: 28px; line-height: 34px; font-weight: 600; letter-spacing: -0.02em; }
.ui-text-heading { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 600; letter-spacing: -0.01em; }
.ui-text-subheading { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 600; }
.ui-text-body { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 400; }
.ui-text-small { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.ui-text-label { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 500; }
.ui-text-caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; }
.ui-text-fact-title { font-family: var(--font-serif); font-size: 28px; line-height: 36px; font-weight: 500; letter-spacing: -0.01em; }
.ui-text-answer { font-family: var(--font-serif); font-size: 19px; line-height: 30px; font-weight: 400; }
.ui-text-fact { font-family: var(--font-serif); font-size: 17px; line-height: 26px; font-weight: 500; }
.ui-text-fact-small { font-family: var(--font-serif); font-size: 15px; line-height: 22px; font-weight: 500; }
.ui-text-quote { font-family: var(--font-serif); font-size: 16px; line-height: 26px; font-weight: 400; }
.ui-text-code { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }