/* The ImagineMover — generated from tokens.json by the brand pack. Do not edit by hand; edit tokens.json. */
/* Paper (light) is the default. Night sky (dark) follows the reader's system setting unless data-theme="light" is set; data-theme="dark" forces it. */
:root {
  --navy: #00357a;
  --navy-deep: #001e47;
  --on-navy: #ffffff;
  --gold: #d8b66a;
  --surface: #fbf8f1;
  --surface-raised: #ffffff;
  --surface-sunken: #f3ecdd;
  --blueprint: #e6edf6;
  --line: #d9cfbb;
  --line-blueprint: #c3d3e8;
  --control-border: #6b7588;
  --ink: #13233e;
  --ink-muted: #4a566b;
  --gold-ink: #7a5c1c;
  --link: #2b5a9c;
  --primary: #00357a;
  --on-primary: #ffffff;
  --tag-ink: #00357a;
  --focus-ring: #00357a;
  --shadow-offset: 4px 4px 0 #00357a;
  --shadow-offset-lg: 8px 8px 0 #00357a;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-pill: 999px;
  --font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --font-text: Inter, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface: #031a3b;
    --surface-raised: #0a2a55;
    --surface-sunken: #021433;
    --blueprint: #0d2e5c;
    --line: #24426e;
    --line-blueprint: #2e5285;
    --control-border: #6f86aa;
    --ink: #f3eee2;
    --ink-muted: #b7c3d6;
    --gold-ink: #d8b66a;
    --link: #ebd7a6;
    --primary: #d8b66a;
    --on-primary: #13233e;
    --tag-ink: #ebd7a6;
    --focus-ring: #ebd7a6;
    --shadow-offset: 4px 4px 0 #d8b66a;
    --shadow-offset-lg: 8px 8px 0 #d8b66a;
  }
}
:root[data-theme="dark"] {
  --surface: #031a3b;
  --surface-raised: #0a2a55;
  --surface-sunken: #021433;
  --blueprint: #0d2e5c;
  --line: #24426e;
  --line-blueprint: #2e5285;
  --control-border: #6f86aa;
  --ink: #f3eee2;
  --ink-muted: #b7c3d6;
  --gold-ink: #d8b66a;
  --link: #ebd7a6;
  --primary: #d8b66a;
  --on-primary: #13233e;
  --tag-ink: #ebd7a6;
  --focus-ring: #ebd7a6;
  --shadow-offset: 4px 4px 0 #d8b66a;
  --shadow-offset-lg: 8px 8px 0 #d8b66a;
}
:root { color-scheme: light; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { color-scheme: dark; } }
:root[data-theme="dark"] { color-scheme: dark; }
.t-display-xl { font-family: var(--font-display); font-size: 56px; line-height: 58px; font-weight: 700; letter-spacing: -0.02em; }
.t-display { font-family: var(--font-display); font-size: 40px; line-height: 44px; font-weight: 700; letter-spacing: -0.015em; }
.t-heading-1 { font-family: var(--font-display); font-size: 28px; line-height: 34px; font-weight: 700; letter-spacing: -0.01em; }
.t-heading-2 { font-family: var(--font-display); font-size: 21px; line-height: 28px; font-weight: 600; }
.t-heading-3 { font-family: var(--font-display); font-size: 17px; line-height: 24px; font-weight: 600; }
.t-body-lg { font-family: var(--font-text); font-size: 19px; line-height: 31px; font-weight: 400; }
.t-body { font-family: var(--font-text); font-size: 16px; line-height: 26px; font-weight: 400; }
.t-body-sm { font-family: var(--font-text); font-size: 14px; line-height: 22px; font-weight: 400; }
.t-kicker { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; }
.t-meta { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }
.t-source { font-family: var(--font-mono); font-size: 13px; line-height: 21px; font-weight: 400; }