/* GENERATED by build.js from design/tokens.json — do not edit. */
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo-latin-wdth-normal.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-stretch: 62% 125%;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo-latin-wdth-italic.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-stretch: 62% 125%;
  font-display: swap;
}
@font-face {
  font-family: 'Fragment Mono';
  src: url('../fonts/fragment-mono-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-stretch: 62% 125%;
  font-display: swap;
}

:root {
  color-scheme: light dark;
  --c-bg: #f5f4f1;
  --c-bg-alt: #ebe9e5;
  --c-field: #ffffff;
  --c-text: #1a1a1a;
  --c-text-muted: #666666;
  --c-band: #1a1a1a;
  --c-on-band: #f5f4f1;
  --c-on-band-muted: #a3a3a3;
  --c-hairline-band: rgba(255, 255, 255, 0.15);
  --c-signal: #ff4f00;
  --c-signal-press: #cc3f00;
  --c-on-signal: #1a1a1a;
  --c-signal-text: #b83800;
  --c-signal-tint: rgba(255, 79, 0, 0.06);
  --c-hairline: rgba(26, 26, 26, 0.12);
  --c-rule: rgba(26, 26, 26, 0.35);
  --c-success: #1b6e40;
  --c-success-tint: rgba(27, 110, 64, 0.07);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --container-max: 1320px;
  --measure: 720px;
  --radius-none: 0;
  --border-hairline: 1px;
  --border-control: 2px;
  --border-accent: 3px;
  --shadow-offset: 3px 3px 0 rgba(255, 79, 0, 0.25);
  --dur-fast: 0.1s;
  --dur-image: 0.2s;
  --font-sans: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Fragment Mono", ui-monospace, "Courier New", monospace;
  --t-display-size: clamp(2.25rem, 5.4vw, 4.5rem);
  --t-display-lh: 0.95;
  --t-display-weight: 800;
  --t-display-tracking: -0.035em;
  --t-display-stretch: 118%;
  --t-page-title-size: clamp(2rem, 3.6vw, 3.25rem);
  --t-page-title-lh: 1;
  --t-page-title-weight: 800;
  --t-page-title-tracking: -0.03em;
  --t-page-title-stretch: 118%;
  --t-section-title-size: clamp(1.375rem, 2.6vw, 1.75rem);
  --t-section-title-lh: 1.05;
  --t-section-title-weight: 800;
  --t-section-title-tracking: -0.02em;
  --t-section-title-stretch: 118%;
  --t-heading-3-size: 1.25rem;
  --t-heading-3-lh: 1.3;
  --t-heading-3-weight: 700;
  --t-heading-3-tracking: -0.01em;
  --t-heading-3-stretch: 100%;
  --t-heading-4-size: 1.0625rem;
  --t-heading-4-lh: 1.4;
  --t-heading-4-weight: 700;
  --t-heading-4-tracking: 0;
  --t-heading-4-stretch: 100%;
  --t-numeral-size: clamp(2.5rem, 4.5vw, 3.25rem);
  --t-numeral-lh: 1;
  --t-numeral-weight: 800;
  --t-numeral-tracking: -0.04em;
  --t-numeral-stretch: 118%;
  --t-body-size: 1.0625rem;
  --t-body-lh: 1.6;
  --t-body-weight: 400;
  --t-body-tracking: 0;
  --t-body-stretch: 100%;
  --t-body-sm-size: 0.875rem;
  --t-body-sm-lh: 1.55;
  --t-body-sm-weight: 400;
  --t-body-sm-tracking: 0;
  --t-body-sm-stretch: 100%;
  --t-card-title-size: 1rem;
  --t-card-title-lh: 1.2;
  --t-card-title-weight: 800;
  --t-card-title-tracking: -0.01em;
  --t-card-title-stretch: 118%;
  --t-label-size: 0.75rem;
  --t-label-lh: 1.2;
  --t-label-weight: 700;
  --t-label-tracking: 0.1em;
  --t-label-stretch: 100%;
  --t-mono-meta-size: 0.75rem;
  --t-mono-meta-lh: 1.4;
  --t-mono-meta-weight: 400;
  --t-mono-meta-tracking: 0.06em;
  --t-mono-meta-stretch: 100%;
  --t-mono-xs-size: 0.6875rem;
  --t-mono-xs-lh: 1.3;
  --t-mono-xs-weight: 400;
  --t-mono-xs-tracking: 0.1em;
  --t-mono-xs-stretch: 100%;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --c-bg: #141312;
    --c-bg-alt: #1e1c1a;
    --c-field: #1a1917;
    --c-text: #ecebe8;
    --c-text-muted: #9c9a96;
    --c-band: #0c0c0b;
    --c-on-band: #ecebe8;
    --c-on-band-muted: #9c9a96;
    --c-hairline-band: rgba(255, 255, 255, 0.12);
    --c-signal-text: #ff4f00;
    --c-signal-tint: rgba(255, 79, 0, 0.10);
    --c-hairline: rgba(236, 235, 232, 0.12);
    --c-rule: rgba(236, 235, 232, 0.28);
    --c-success: #4fbf85;
    --c-success-tint: rgba(79, 191, 133, 0.10);
  }
}

:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] {
  color-scheme: dark;
  --c-bg: #141312;
  --c-bg-alt: #1e1c1a;
  --c-field: #1a1917;
  --c-text: #ecebe8;
  --c-text-muted: #9c9a96;
  --c-band: #0c0c0b;
  --c-on-band: #ecebe8;
  --c-on-band-muted: #9c9a96;
  --c-hairline-band: rgba(255, 255, 255, 0.12);
  --c-signal-text: #ff4f00;
  --c-signal-tint: rgba(255, 79, 0, 0.10);
  --c-hairline: rgba(236, 235, 232, 0.12);
  --c-rule: rgba(236, 235, 232, 0.28);
  --c-success: #4fbf85;
  --c-success-tint: rgba(79, 191, 133, 0.10);
}