/* Ready or Not Dad — generated from tokens.json */
:root, [data-theme="night"] {
  --night: #0E1626;
  --amber: #FFB300;
  --amber-soft: #FFF3D1;
  --chalk: #F4EFE6;
  --ember: #FF4D2E;
  --ember-text: #FF4D2E;
  --on-card-alert: #B8281F;
  --ink: #1B2333;
  --bg: var(--night);
  --bg-raised: #172238;
  --fg: var(--chalk);
  --fg-muted: #A7AEBC;
  --line: #2B3547;
  --card: var(--chalk);
  --on-card: var(--night);
  --caption-pill: rgba(14,22,38,0.78);
  --focus: var(--amber);
  --shadow-card: 0 22px 50px rgba(0,0,0,0.42);
  --shadow-tag: 0 10px 24px rgba(0,0,0,0.35);
  --shadow-web: 0 12px 28px rgba(0,0,0,0.28);
}
[data-theme="paper"] {
  --ember: #E8432A;
  --ember-text: #C9302A;
  --bg: #FFFFFF;
  --bg-raised: #F4EFE6;
  --fg: var(--ink);
  --fg-muted: #5D6575;
  --line: #C9CDD4;
  --focus: var(--night);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 48px;
  --space-6: 96px;
  --radius-check: 3px;
  --radius-tile: 7px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
}
.display-xl { font-family: var(--font-display); font-size: 64px; line-height: 0.95; font-weight: 800; letter-spacing: -0.035em; }
.heading { font-family: var(--font-display); font-size: 36px; line-height: 1.0; font-weight: 800; letter-spacing: -0.03em; }
.title { font-family: var(--font-display); font-size: 22px; line-height: 1.15; font-weight: 800; letter-spacing: -0.01em; }
.body { font-family: var(--font-display); font-size: 18px; line-height: 1.5; font-weight: 500; }
.small { font-family: var(--font-display); font-size: 15px; line-height: 1.4; font-weight: 500; }
.kicker { font-family: var(--font-mono); font-size: 13px; line-height: 1.2; font-weight: 800; letter-spacing: 0.14em; }
.stat { font-family: var(--font-mono); font-size: 44px; line-height: 1.0; font-weight: 800; letter-spacing: -0.02em; }
.vid-stat { font-family: var(--font-display); font-size: 140px; line-height: 0.9; font-weight: 800; letter-spacing: -0.05em; }
.vid-head { font-family: var(--font-display); font-size: 78px; line-height: 0.95; font-weight: 800; letter-spacing: -0.035em; }
.vid-caption { font-family: var(--font-display); font-size: 68px; line-height: 1.1; font-weight: 800; letter-spacing: -0.01em; }
.vid-tag { font-family: var(--font-display); font-size: 30px; line-height: 1.1; font-weight: 800; }
.vid-kicker { font-family: var(--font-mono); font-size: 22px; line-height: 1.2; font-weight: 800; letter-spacing: 0.14em; }
.print-h1 { font-family: var(--font-display); font-size: 37px; line-height: 0.95; font-weight: 800; letter-spacing: -0.03em; }
.print-h2 { font-family: var(--font-display); font-size: 18px; line-height: 1.1; font-weight: 800; letter-spacing: -0.01em; }
.print-body { font-family: var(--font-display); font-size: 13px; line-height: 1.3; font-weight: 500; }