/* Generated by scripts/build-tokens.mjs from design/tokens.json. Do not edit. */
:root {
  --font-display: "Coral Pixels", "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-sans: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --font-wordmark: "Coral Pixels", "Archivo", sans-serif;
  --display-xl-size: 96px;
  --display-xl-line: 0.9;
  --display-xl-weight: 400;
  --display-xl-tracking: 0.1em;
  --display-l-size: 32px;
  --display-l-line: 36px;
  --display-l-weight: 400;
  --display-l-tracking: 0.1em;
  --title-size: 20px;
  --title-line: 24px;
  --title-weight: 650;
  --body-size: 16px;
  --body-line: 22px;
  --body-weight: 400;
  --body-sm-size: 14px;
  --body-sm-line: 20px;
  --body-sm-weight: 400;
  --label-size: 11px;
  --label-line: 14px;
  --label-weight: 600;
  --label-tracking: 0.08em;
  --num-l-size: 28px;
  --num-l-line: 32px;
  --num-l-weight: 500;
  --num-m-size: 15px;
  --num-m-line: 20px;
  --num-m-weight: 500;
  --meta-size: 12px;
  --meta-line: 16px;
  --meta-weight: 400;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-lg: 16px;
  --paper: #f2f0ea;
  --surface-100: #ffffff;
  --surface-200: #e7e4dc;
  --ink: #0c0c0b;
  --ink-muted: #5a5852;
  --hairline: #cbc7bb;
  --signal: #d7ff3a;
  --signal-ink: #0c0c0b;
  --outbound-fill: var(--ink);
  --outbound-text: var(--paper);
  --failed: #d93a1f;
  --queued: #8a5a00;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --paper: #0c0c0b;
    --surface-100: #161614;
    --surface-200: #22211e;
    --ink: #f2f0ea;
    --ink-muted: #a3a097;
    --hairline: #34322d;
    --signal: #d7ff3a;
    --signal-ink: #0c0c0b;
    --outbound-fill: var(--ink);
    --outbound-text: var(--paper);
    --failed: #ff6a4d;
    --queued: #ffb000;
  }
}

:root[data-theme='dark'] {
  --paper: #0c0c0b;
  --surface-100: #161614;
  --surface-200: #22211e;
  --ink: #f2f0ea;
  --ink-muted: #a3a097;
  --hairline: #34322d;
  --signal: #d7ff3a;
  --signal-ink: #0c0c0b;
  --outbound-fill: var(--ink);
  --outbound-text: var(--paper);
  --failed: #ff6a4d;
  --queued: #ffb000;
}