/* DeepStack app: the design system v2's tokens (Frente 8, 22 October 2026; the prototype creator-site/app/design/v2/
   is the source, D1). The two :root blocks are the prototype's v2.css, verbatim; after them, the names the screens not yet
   transcribed still read (aliases of v2's tokens, never a name the prototype defines; they leave with their wave).
   Three families from the site's own files (public/fonts, latin subsets, OFL). */
@font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 300 800; font-display: swap; src: url(/fonts/newsreader.woff2) format('woff2'); }
@font-face { font-family: 'Newsreader'; font-style: italic; font-weight: 300 800; font-display: swap; src: url(/fonts/newsreader-italic.woff2) format('woff2'); }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(/fonts/inter-tight.woff2) format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400 600; font-display: swap; src: url(/fonts/jetbrains-mono.woff2) format('woff2'); }

:root {
  --bg: #0E1A2B; --bg-2: #132136; --bg-3: #17263D; --bg-4: #1D2E48; --navy: #0A1422;
  --ink: #F4EFE6; --ink-2: #D9D2C4; --muted: #A9B1BE; --muted-2: #8E97A8; --rule: #2C3B52; --rule-2: #3A4B64; --on-navy: #F4EFE6; --on-navy-muted: #A9B1BE; --navy-rule: #2C3B52; --navy-2: #132136;
  --amber: #E3A33B; --amber-ink: #E9B865; --blue: #8FB0DA; --green: #6FBF94; --brick: #E07A5F; --paper: #F4EFE6;
  --call: var(--amber-ink); --machine: var(--blue); --crowd: var(--green); --you: var(--paper); --yes: var(--green); --no: var(--brick);
  --call-dim: rgba(233,184,101,.14); --machine-dim: rgba(143,176,218,.14); --crowd-dim: rgba(111,191,148,.14); --yes-dim: rgba(111,191,148,.12); --no-dim: rgba(224,122,95,.12); --you-dim: rgba(244,239,230,.08);
  --serif: 'Newsreader', 'Iowan Old Style', Georgia, serif; --sans: 'Inter Tight', 'Segoe UI', system-ui, sans-serif; --mono: 'JetBrains Mono', Consolas, monospace;
  --t-1: 11px; --t0: 13px; --t1: 15px; --t2: 18px; --t3: 22px; --t4: 28px; --t5: 36px; --t6: 48px; --t7: 64px;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;
  --r1: 6px; --r2: 10px; --r3: 14px; --pill: 999px;
  --col: 1240px; --side: 240px; --tab-h: 60px; --top-h: 56px; --pad: 16px;
  --ease: cubic-bezier(.2, .7, .2, 1); --dur: 320ms; --dur-s: 160ms;
  color-scheme: dark;
}
:root[data-theme="light"] {
  --bg: #F4EFE6; --bg-2: #FAF7F1; --bg-3: #EBE3D5; --bg-4: #E2D8C6; --navy: #17263D;
  --ink: #0E1A2B; --ink-2: #263244; --muted: #5C6370; --muted-2: #6B7380; --rule: #D3C9B8; --rule-2: #C2B69F; --on-navy: #F4EFE6; --on-navy-muted: #A9B1BE; --navy-rule: #2C3B52; --navy-2: #1D2E48;
  --amber-ink: #8F5B0C; --blue: #3F5F8A; --green: #2F6B4F; --brick: #B5482F; --paper: #0E1A2B;
  --call-dim: rgba(143,91,12,.12); --machine-dim: rgba(63,95,138,.12); --crowd-dim: rgba(47,107,79,.12); --yes-dim: rgba(47,107,79,.12); --no-dim: rgba(181,72,47,.12); --you-dim: rgba(14,26,43,.08);
  color-scheme: light;
}
/* the aliases of the screens that wait for their wave */
:root { --paper-2: var(--bg-3); --card: var(--bg-2); --surface: var(--bg-2); --surface-2: var(--bg-4); --rule-strong: var(--rule-2); --call-text: var(--call); --machines: var(--machine); --machines-text: var(--machine); --readers: var(--crowd); --readers-text: var(--crowd); --me: var(--you); --me-stroke: var(--bg); --focus: var(--amber-ink); --shadow: none; --navy-3: var(--bg-4); --paper-3: var(--bg-4); --blue-bright: var(--blue); --green-bright: var(--green); --brick-bright: var(--brick); --radius: var(--r2); --radius-sm: var(--r1); --radius-pill: var(--r2); --col-legacy: 640px; --reader-col: 680px; --speed: var(--dur); }
@media (prefers-reduced-motion: reduce) { :root { --dur: 0ms; --dur-s: 0ms; --speed: 0ms; } }