/* Leapshot design tokens. Generated from src/design-system/tokens/tokens.ts. Do not edit by hand. */

:root {
  --color-paper: #FAF9F5;
  --color-chalk: #F1F0EA;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-ink-200: #DEDED5;
  --color-ink-300: #C2C2B7;
  --color-ink-400: #97978B;
  --color-ink-500: #6E6E64;
  --color-ink-600: #55554D;
  --color-ink-700: #3B3B35;
  --color-ink-800: #262622;
  --color-ink-900: #181815;
  --color-ink-950: #0E0E0C;
  --color-leap-100: #FFF8D0;
  --color-leap-300: #FFEA75;
  --color-leap-500: #FFDD21;
  --color-leap-600: #E8C400;
  --color-agent-100: #E4E7FF;
  --color-agent-300: #A3AEFF;
  --color-agent-500: #2A41F5;
  --color-positive: #1B7F4B;
  --color-critical: #C5341F;
  --font-sans: "Archivo", "Archivo Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-serif: "Newsreader", "Newsreader Fallback", Georgia, "Times New Roman", serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-heavy: 800;
  --width-condensed: 62%;
  --width-narrow: 80%;
  --width-normal: 100%;
  --width-wide: 112%;
  --width-expanded: 125%;
  --leading-flat: 0.88;
  --leading-tight: 1;
  --leading-snug: 1.12;
  --leading-heading: 1.2;
  --leading-body: 1.5;
  --leading-loose: 1.65;
  --tracking-display: -0.035em;
  --tracking-tight: -0.02em;
  --tracking-normal: 0em;
  --tracking-label: 0.08em;
  --text-2xs: 0.6875rem;
  --text-xs: clamp(0.75rem, 0.7292rem + 0.0926vw, 0.8125rem);
  --text-sm: clamp(0.875rem, 0.8542rem + 0.0926vw, 0.9375rem);
  --text-md: clamp(1rem, 0.9583rem + 0.1852vw, 1.125rem);
  --text-lg: clamp(1.125rem, 1.0417rem + 0.3704vw, 1.375rem);
  --text-xl: clamp(1.3125rem, 1.1667rem + 0.6481vw, 1.75rem);
  --text-2xl: clamp(1.5rem, 1.25rem + 1.1111vw, 2.25rem);
  --text-3xl: clamp(1.75rem, 1.3333rem + 1.8519vw, 3rem);
  --text-4xl: clamp(2.125rem, 1.4167rem + 3.1481vw, 4.25rem);
  --text-5xl: clamp(2.5rem, 1.3333rem + 5.1852vw, 6rem);
  --text-6xl: clamp(2.875rem, 1.0833rem + 7.963vw, 8.25rem);
  --text-7xl: clamp(3.25rem, 0.5rem + 12.2222vw, 11.5rem);
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --space-11: 10rem;
  --space-margin: clamp(1.25rem, 0.1667rem + 4.8148vw, 4.5rem);
  --space-gutter: clamp(1rem, 0.8333rem + 0.7407vw, 1.5rem);
  --space-section: clamp(4.5rem, 2.8333rem + 7.4074vw, 9.5rem);
  --space-section-sm: clamp(3rem, 2rem + 4.4444vw, 6rem);
  --space-block: clamp(2rem, 1.3333rem + 2.963vw, 4rem);
  --grid-columns: 12;
  --container-prose: 40rem;
  --container-narrow: 64rem;
  --container-wide: 90rem;
  --container-full: 100%;
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-pill: 999px;
  --border-hairline: 1px;
  --border-rule: 2px;
  --border-heavy: 4px;
  --shadow-0: none;
  --shadow-1: 0 1px 0 rgb(14 14 12 / 0.06), 0 2px 6px -2px rgb(14 14 12 / 0.12);
  --shadow-2: 0 2px 4px -2px rgb(14 14 12 / 0.12), 0 12px 28px -12px rgb(14 14 12 / 0.28);
  --shadow-3: 0 4px 8px -4px rgb(14 14 12 / 0.16), 0 32px 72px -24px rgb(14 14 12 / 0.45);
  --z-base: 0;
  --z-raised: 10;
  --z-sticky: 100;
  --z-overlay: 200;
  --z-panel: 300;
  --duration-instant: 80ms;
  --duration-fast: 160ms;
  --duration-base: 280ms;
  --duration-slow: 520ms;
  --duration-slower: 900ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --ease-leap: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-linear: linear;
  --hairline-stroke: 1;
  --surface: #FAF9F5;
  --surface-raised: #FFFFFF;
  --surface-sunken: #F1F0EA;
  --text: #0E0E0C;
  --text-muted: #55554D;
  --text-subtle: #6E6E64;
  --rule: rgb(14 14 12 / 0.16);
  --rule-strong: #0E0E0C;
  --accent: #FFDD21;
  --on-accent: #0E0E0C;
  --accent-edge: #0E0E0C;
  --highlight: #FFEA75;
  --on-highlight: #0E0E0C;
  --action: #0E0E0C;
  --on-action: #FAF9F5;
  --action-hover: #FFDD21;
  --on-action-hover: #0E0E0C;
  --focus: #0E0E0C;
  --focus-halo: #FFDD21;
  --machine: #2A41F5;
  --machine-soft: #E4E7FF;
  --positive: #1B7F4B;
  --critical: #C5341F;
  --scrim: rgb(14 14 12 / 0.6);
  --logo-tile: #0E0E0C;
  --logo-arc: #FAF9F5;
  --logo-dot: #FFDD21;
  --hairline-plate: #FAF9F5;
  --hairline-hi: #0E0E0C;
  --hairline-edge: #3B3B35;
  --hairline-mid: #97978B;
  --hairline-lo: #DEDED5;
}

[data-surface="paper"] {
  --surface: #FAF9F5;
  --surface-raised: #FFFFFF;
  --surface-sunken: #F1F0EA;
  --text: #0E0E0C;
  --text-muted: #55554D;
  --text-subtle: #6E6E64;
  --rule: rgb(14 14 12 / 0.16);
  --rule-strong: #0E0E0C;
  --accent: #FFDD21;
  --on-accent: #0E0E0C;
  --accent-edge: #0E0E0C;
  --highlight: #FFEA75;
  --on-highlight: #0E0E0C;
  --action: #0E0E0C;
  --on-action: #FAF9F5;
  --action-hover: #FFDD21;
  --on-action-hover: #0E0E0C;
  --focus: #0E0E0C;
  --focus-halo: #FFDD21;
  --machine: #2A41F5;
  --machine-soft: #E4E7FF;
  --positive: #1B7F4B;
  --critical: #C5341F;
  --scrim: rgb(14 14 12 / 0.6);
  --logo-tile: #0E0E0C;
  --logo-arc: #FAF9F5;
  --logo-dot: #FFDD21;
  --hairline-plate: #FAF9F5;
  --hairline-hi: #0E0E0C;
  --hairline-edge: #3B3B35;
  --hairline-mid: #97978B;
  --hairline-lo: #DEDED5;
}

[data-surface="chalk"] {
  --surface: #F1F0EA;
  --surface-raised: #FAF9F5;
  --surface-sunken: #DEDED5;
  --text: #0E0E0C;
  --text-muted: #55554D;
  --text-subtle: #55554D;
  --rule: rgb(14 14 12 / 0.18);
  --rule-strong: #0E0E0C;
  --accent: #FFDD21;
  --on-accent: #0E0E0C;
  --accent-edge: #0E0E0C;
  --highlight: #FFEA75;
  --on-highlight: #0E0E0C;
  --action: #0E0E0C;
  --on-action: #FAF9F5;
  --action-hover: #FFDD21;
  --on-action-hover: #0E0E0C;
  --focus: #0E0E0C;
  --focus-halo: #FFDD21;
  --machine: #2A41F5;
  --machine-soft: #E4E7FF;
  --positive: #1B7F4B;
  --critical: #C5341F;
  --scrim: rgb(14 14 12 / 0.6);
  --logo-tile: #0E0E0C;
  --logo-arc: #FAF9F5;
  --logo-dot: #FFDD21;
  --hairline-plate: #F1F0EA;
  --hairline-hi: #0E0E0C;
  --hairline-edge: #3B3B35;
  --hairline-mid: #97978B;
  --hairline-lo: #C2C2B7;
}

[data-surface="ink"] {
  --surface: #0E0E0C;
  --surface-raised: #181815;
  --surface-sunken: #000000;
  --text: #FAF9F5;
  --text-muted: #C2C2B7;
  --text-subtle: #97978B;
  --rule: rgb(250 249 245 / 0.2);
  --rule-strong: #FAF9F5;
  --accent: #FFDD21;
  --on-accent: #0E0E0C;
  --accent-edge: #FFDD21;
  --highlight: #FFDD21;
  --on-highlight: #0E0E0C;
  --action: #FFDD21;
  --on-action: #0E0E0C;
  --action-hover: #FAF9F5;
  --on-action-hover: #0E0E0C;
  --focus: #FFDD21;
  --focus-halo: #0E0E0C;
  --machine: #A3AEFF;
  --machine-soft: rgb(163 174 255 / 0.16);
  --positive: #FAF9F5;
  --critical: #FAF9F5;
  --scrim: rgb(0 0 0 / 0.7);
  --logo-tile: #FFDD21;
  --logo-arc: #0E0E0C;
  --logo-dot: #0E0E0C;
  --hairline-plate: #0E0E0C;
  --hairline-hi: #FFDD21;
  --hairline-edge: #FAF9F5;
  --hairline-mid: #97978B;
  --hairline-lo: #3B3B35;
}

[data-surface="leap"] {
  --surface: #FFDD21;
  --surface-raised: #FAF9F5;
  --surface-sunken: #E8C400;
  --text: #0E0E0C;
  --text-muted: #262622;
  --text-subtle: #3B3B35;
  --rule: rgb(14 14 12 / 0.26);
  --rule-strong: #0E0E0C;
  --accent: #0E0E0C;
  --on-accent: #FFDD21;
  --accent-edge: #0E0E0C;
  --highlight: #FAF9F5;
  --on-highlight: #0E0E0C;
  --action: #0E0E0C;
  --on-action: #FAF9F5;
  --action-hover: #FAF9F5;
  --on-action-hover: #0E0E0C;
  --focus: #0E0E0C;
  --focus-halo: #FAF9F5;
  --machine: #0E0E0C;
  --machine-soft: rgb(14 14 12 / 0.1);
  --positive: #0E0E0C;
  --critical: #0E0E0C;
  --scrim: rgb(14 14 12 / 0.6);
  --logo-tile: #0E0E0C;
  --logo-arc: #FAF9F5;
  --logo-dot: #FFDD21;
  --hairline-plate: #FFDD21;
  --hairline-hi: #0E0E0C;
  --hairline-edge: #262622;
  --hairline-mid: #3B3B35;
  --hairline-lo: #E8C400;
}