/* Generated by design-system/build_tokens.py from tokens.json. Do not edit by hand. */

:root, [data-theme="sand"] {
  --brand-sand: #F4ECE7;
  --brand-paper: #FBF8F5;
  --brand-ink: #1D2A33;
  --brand-navy: #1F3F57;
  --brand-steel: #33658A;
  --brand-sky: #86BAD8;
  --brand-brick: #C73C14;
  --brand-brick-deep: #A8330F;
  --brand-signal: #FF582B;
  --brand-black: #0D0D0D;
  --ground: var(--brand-sand);
  --surface: var(--brand-paper);
  --ink: var(--brand-ink);
  --ink-muted: #4F5B64;
  --heading: var(--brand-navy);
  --kicker: var(--brand-brick-deep);
  --rule: #CDBFB4;
  --action: var(--brand-brick);
  --action-hover: var(--brand-brick-deep);
  --on-action: #FFFFFF;
  --band: var(--brand-navy);
  --on-band: var(--brand-sand);
  --on-band-muted: #C9D6E0;
  --band-accent: var(--brand-sky);
  --band-action: var(--brand-brick);
  --on-band-action: #FFFFFF;
  --bracket-open: var(--brand-brick);
  --bracket-close: var(--brand-navy);
  --focus: var(--brand-navy);
  --focus-on-band: var(--brand-sky);
  --shadow-cta: none;
}

[data-theme="stage"] {
  --ground: var(--brand-black);
  --surface: #1A1A1A;
  --ink: #FFFFFF;
  --ink-muted: #B5B5B5;
  --heading: #FFFFFF;
  --kicker: var(--brand-sky);
  --rule: #4A4A4A;
  --action: var(--brand-signal);
  --action-hover: #FF7A52;
  --on-action: var(--brand-black);
  --band: var(--brand-signal);
  --on-band: var(--brand-black);
  --on-band-muted: #3A1406;
  --band-accent: var(--brand-black);
  --band-action: var(--brand-black);
  --on-band-action: #FFFFFF;
  --bracket-open: var(--brand-signal);
  --bracket-close: var(--brand-sky);
  --focus: var(--brand-sky);
  --focus-on-band: var(--brand-black);
  --shadow-cta: 5px 5px 0 #86BAD8;
}

[data-theme="night"] {
  --ground: #10171D;
  --surface: #18222A;
  --ink: #ECE5DF;
  --ink-muted: #A9B4BC;
  --heading: #D4E6F2;
  --kicker: #F29A76;
  --rule: #34424D;
  --action: var(--brand-brick);
  --action-hover: var(--brand-brick-deep);
  --on-action: #FFFFFF;
  --band: var(--brand-navy);
  --on-band: var(--brand-sand);
  --on-band-muted: #C9D6E0;
  --band-accent: var(--brand-sky);
  --band-action: var(--brand-brick);
  --on-band-action: #FFFFFF;
  --bracket-open: #F29A76;
  --bracket-close: var(--brand-sky);
  --focus: var(--brand-sky);
  --focus-on-band: var(--brand-sky);
  --shadow-cta: none;
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --space-9: 112px;
  --radius-none: 0;
  --radius-sm: 4px;
  --radius-full: 9999px;
  --container-max: 1120px;
  --measure: 66ch;
  --breakpoint-stack: 760px;
  --font-display: "Roboto Slab", Rockwell, Georgia, serif;
  --font-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --font-stage: "Archivo Black", "Arial Black", Impact, sans-serif;
  --font-stage-body: Archivo, "Segoe UI", system-ui, sans-serif;
}