/* SPDX-License-Identifier: Apache-2.0 */
/* Generated by `npm run build` from tokens/*.json. Do not edit. */

:root {
  --color-primitive-paper: #EDEEF1;
  --color-primitive-ink: #16181D;
  --color-primitive-muted: #5A5F6B;
  --color-primitive-grid: #CDD0D6;
  --color-primitive-amber: #D9831A;
  --color-primitive-signal-text: #9A5A0B;
  --color-primitive-fish-band: #E7CEB0;
  --color-primitive-on-amber-white: #FBFBFC;
  --color-primitive-card-dark: #23262D;
  --color-primitive-muted-dark: #9AA0AC;
  --color-primitive-rule-dark: #2E323B;
  --color-primitive-accent-text-dark: #E8A452;
  --color-accent-on-amber: #FBFBFC;
  --font-family-sans: Onest, system-ui, sans-serif;
  --font-family-mono: "DM Mono", ui-monospace, monospace;
  --font-weight-display: 800;
  --font-weight-text: 400;
  --font-weight-mono: 400;
  --font-scale-display-size: 3.5rem;
  --font-scale-display-line-height: 1.05;
  --font-scale-display-tracking: -0.02em;
  --font-scale-h1-size: 2.5rem;
  --font-scale-h1-line-height: 1.1;
  --font-scale-h1-tracking: -0.015em;
  --font-scale-h2-size: 1.875rem;
  --font-scale-h2-line-height: 1.2;
  --font-scale-h2-tracking: -0.01em;
  --font-scale-h3-size: 1.375rem;
  --font-scale-h3-line-height: 1.3;
  --font-scale-h3-tracking: -0.005em;
  --font-scale-body-size: 1rem;
  --font-scale-body-line-height: 1.6;
  --font-scale-body-tracking: 0em;
  --font-scale-small-size: 0.875rem;
  --font-scale-small-line-height: 1.5;
  --font-scale-small-tracking: 0em;
  --font-scale-label-size: 0.75rem;
  --font-scale-label-line-height: 1.2;
  --font-scale-label-tracking: 0.08em;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-24: 6rem;
  --radius-none: 0px;
  --radius-sm: 2px;
  --radius-full: 9999px;
  --chamfer-sm: 6px;
  --chamfer-md: 9px;
  --chamfer-lg: 16px;
  --duration-instant: 100ms;
  --duration-quick: 200ms;
  --duration-base: 300ms;
  --duration-press: 120ms;
  --duration-echo: 700ms;
  --duration-draw: 900ms;
  --duration-wipe: 1000ms;
  --duration-sting: 1800ms;
  --ease-draw: cubic-bezier(.65,0,.35,1);
  --ease-settle: cubic-bezier(.2,.8,.3,1);
  --ease-echo: cubic-bezier(.1,.6,.3,1);
  --ease-out: cubic-bezier(.3,0,.2,1);
  --press-scale: 1.05;
  --color-bg: #EDEEF1;
  --color-card: #FBFBFC;
  --color-fg: #16181D;
  --color-muted: #5A5F6B;
  --color-rule: #CDD0D6;
  --color-accent-fill: #D9831A;
  --color-accent-text: #9A5A0B;
  --color-on-accent: #16181D;
  --color-focus: #9A5A0B;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #16181D;
    --color-card: #23262D;
    --color-fg: #EDEEF1;
    --color-muted: #9AA0AC;
    --color-rule: #2E323B;
    --color-accent-fill: #D9831A;
    --color-accent-text: #E8A452;
    --color-on-accent: #16181D;
    --color-focus: #E8A452;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --color-bg: #16181D;
  --color-card: #23262D;
  --color-fg: #EDEEF1;
  --color-muted: #9AA0AC;
  --color-rule: #2E323B;
  --color-accent-fill: #D9831A;
  --color-accent-text: #E8A452;
  --color-on-accent: #16181D;
  --color-focus: #E8A452;
  color-scheme: dark;
}