/* Generated by design/public_site_design.py sync from design/findings-pub-design-system/tokens/tokens.css. Do not edit by hand. */
/* findings.pub design tokens — generated from tokens.json by tokens/build.py. Do not edit by hand. */


:root,
[data-theme="light"] {
  --paper: #f6f4ef;
  --paper-raised: #ffffff;
  --paper-sunken: #ece8df;
  --line: #dcd6ca;
  --line-strong: #7d8594;
  --ink: #101b2e;
  --ink-muted: #4a5568;
  --navy: #1c3363;
  --navy-hover: #132649;
  --on-navy: #ffffff;
  --navy-soft: #e3e9f4;
  --navy-deep: #0f1f40;
  --on-navy-deep: #f6f4ef;
  --seal: #c99a3a;
  --on-seal: #101b2e;
  --seal-soft: #f5ead2;
  --seal-ink: #7a5510;
  --logo-tile: #1c3363;
  --logo-leaf: #f6f4ef;
  --logo-brass: #c99a3a;
  --logo-word: #101b2e;
  --logo-tld: #1c3363;
  --logo-tld-reverse: #b0c8f2;
  --positive: #0b6378;
  --positive-soft: #dff0f3;
  --on-positive: #ffffff;
  --caution: #8a5300;
  --caution-soft: #fbeccf;
  --on-caution: #ffffff;
  --critical: #b3261e;
  --critical-soft: #fbe3df;
  --on-critical: #ffffff;
  --focus: #2458d6;
  --redaction: #101b2e;
  --on-redaction: #f6f4ef;
  --scrim: rgba(16, 27, 46, 0.45);
  --link: var(--navy);
  --shadow-raised: 0 1px 2px rgba(16,27,46,0.08);
  --shadow-overlay: 0 8px 24px rgba(16,27,46,0.14);
  color-scheme: light;
}
[data-theme="dark"] {
  --paper: #0d1522;
  --paper-raised: #152034;
  --paper-sunken: #080e18;
  --line: #26344a;
  --line-strong: #6b7c96;
  --ink: #edf1f7;
  --ink-muted: #a7b3c5;
  --navy: #8fb0ea;
  --navy-hover: #b0c8f2;
  --on-navy: #0d1522;
  --navy-soft: #1b2b48;
  --navy-deep: #1d3158;
  --on-navy-deep: #f6f4ef;
  --seal: #d8ae55;
  --on-seal: #101b2e;
  --seal-soft: #382c12;
  --seal-ink: #e2bd6c;
  --logo-tile: #1c3363;
  --logo-leaf: #f6f4ef;
  --logo-brass: #c99a3a;
  --logo-word: #f6f4ef;
  --logo-tld: #b0c8f2;
  --logo-tld-reverse: #b0c8f2;
  --positive: #6cc4d8;
  --positive-soft: #0f2f38;
  --on-positive: #0d1522;
  --caution: #e8b35c;
  --caution-soft: #3a2a0c;
  --on-caution: #0d1522;
  --critical: #ff9a8a;
  --critical-soft: #3d1512;
  --on-critical: #0d1522;
  --focus: #9dbcff;
  --redaction: #b8c2d1;
  --on-redaction: #0d1522;
  --scrim: rgba(0, 0, 0, 0.6);
  --link: var(--navy);
  --shadow-raised: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-overlay: 0 8px 24px rgba(0,0,0,0.5);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0d1522;
    --paper-raised: #152034;
    --paper-sunken: #080e18;
    --line: #26344a;
    --line-strong: #6b7c96;
    --ink: #edf1f7;
    --ink-muted: #a7b3c5;
    --navy: #8fb0ea;
    --navy-hover: #b0c8f2;
    --on-navy: #0d1522;
    --navy-soft: #1b2b48;
    --navy-deep: #1d3158;
    --on-navy-deep: #f6f4ef;
    --seal: #d8ae55;
    --on-seal: #101b2e;
    --seal-soft: #382c12;
    --seal-ink: #e2bd6c;
    --logo-tile: #1c3363;
    --logo-leaf: #f6f4ef;
    --logo-brass: #c99a3a;
    --logo-word: #f6f4ef;
    --logo-tld: #b0c8f2;
    --logo-tld-reverse: #b0c8f2;
    --positive: #6cc4d8;
    --positive-soft: #0f2f38;
    --on-positive: #0d1522;
    --caution: #e8b35c;
    --caution-soft: #3a2a0c;
    --on-caution: #0d1522;
    --critical: #ff9a8a;
    --critical-soft: #3d1512;
    --on-critical: #0d1522;
    --focus: #9dbcff;
    --redaction: #b8c2d1;
    --on-redaction: #0d1522;
    --scrim: rgba(0, 0, 0, 0.6);
    --link: var(--navy);
    --shadow-raised: 0 1px 2px rgba(0,0,0,0.4);
    --shadow-overlay: 0 8px 24px rgba(0,0,0,0.5);
    color-scheme: dark;
  }
}

:root {
  /* spacing */
  --space-0-5: 2px;
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  /* radius */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-pill: 999px;
  /* breakpoint */
  --bp-sm: 480px;
  --bp-md: 720px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  /* layout */
  --gutter-phone: 16px;
  --gutter-tablet: 24px;
  --gutter-desktop: 48px;
  --content-max: 880px;
  --wide-max: 1280px;
  --sidebar-w: 232px;
  --rail-w: 340px;
  --topbar-h: 56px;
  --tabbar-h: 56px;
  --touch-target: 44px;
  --font-sans: Lexend, "Segoe UI", system-ui, sans-serif;
  --font-reading: Lexend, "Segoe UI", system-ui, sans-serif;
  --font-mono: "Atkinson Hyperlegible Mono", ui-monospace, Menlo, monospace;
}

/* type styles: apply .type-<name> */
.type-display { font-family: var(--font-sans); font-size: 44px; line-height: 52px; font-weight: 600; letter-spacing: -0.015em; }
.type-h1 { font-family: var(--font-sans); font-size: 32px; line-height: 40px; font-weight: 600; letter-spacing: -0.01em; }
.type-h2 { font-family: var(--font-sans); font-size: 24px; line-height: 32px; font-weight: 600; }
.type-h3 { font-family: var(--font-sans); font-size: 18px; line-height: 26px; font-weight: 500; }
.type-lead { font-family: var(--font-reading); font-size: 19px; line-height: 30px; font-weight: 400; }
.type-body { font-family: var(--font-reading); font-size: 17px; line-height: 28px; font-weight: 400; }
.type-ui { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 400; }
.type-ui-sm { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.type-label { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; }
.type-caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; }
.type-record-id { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 600; letter-spacing: 0.01em; }
.type-data { font-family: var(--font-mono); font-size: 14px; line-height: 20px; font-weight: 400; }