/* Generated from design-system/project/tokens.json by website/site/build.py. */
:root {
  color-scheme: dark;
  --font-display: "Big Shoulders Display", Impact, "Arial Narrow Bold", sans-serif;
  --font-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Source Code Pro", "SF Mono", Menlo, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-none: 0px;
  --radius-sm: 2px;
  --radius-pill: 999px;
  --ground: #0b0a09;
  --surface: #141210;
  --surface-raised: #1d1a17;
  --ash: #3a332d;
  --hairline: #2a2520;
  --ink: #ece4d6;
  --ink-muted: #9a8f80;
  --ember: #e85f33;
  --ember-fill: #e2552a;
  --on-ember: #0b0a09;
  --teal: #78aaa7;
  --teal-deep: #4b9693;
  --focus-ring: #e85f33;
  --scrim: rgba(11, 10, 9, 0.72);
  --dust-particle: #b9ad9b;
  --shadow-lift: 0 16px 40px rgba(0, 0, 0, 0.6);
  --shadow-text: 0 2px 24px rgba(0, 0, 0, 0.7);
}
.theme-paper {
  color-scheme: light;
  --ground: #f1ebe0;
  --surface: #faf6ee;
  --surface-raised: #ffffff;
  --ash: #e2d9c9;
  --hairline: #d8cfc0;
  --ink: #15120f;
  --ink-muted: #5f564b;
  --ember: #b53a14;
  --ember-fill: #c0401a;
  --on-ember: #fff8ee;
  --teal: #2e6b68;
  --teal-deep: #2a6461;
  --focus-ring: #b53a14;
  --scrim: rgba(21, 18, 15, 0.55);
  --dust-particle: #8a7f70;
  --shadow-lift: 0 12px 32px rgba(21, 18, 15, 0.18);
  --shadow-text: 0 2px 24px rgba(21, 18, 15, 0.35);
}