/* Design Tokens - Auto-generated */
/* Do not edit directly - modify tokens.json instead */

/* === PRIMITIVES === */
:root {
  --primitive-color-ink-700: #080908;
  --primitive-color-ink-800: #050607;
  --primitive-color-ink-900: #030405;
  --primitive-color-ink-950: #020304;
  --primitive-color-blue-500: #1689FF;
  --primitive-color-blue-900: #102B38;
  --primitive-color-green-500: #B6FF28;
  --primitive-color-paper-500: #F2F1E9;
  --primitive-color-neutral-100: #9B9C95;
  --primitive-color-neutral-200: #66715F;
  --primitive-color-neutral-300: #5D6160;
  --primitive-color-neutral-400: #3C3E3B;
  --primitive-color-mist-100: #FFFFFF;
  --primitive-color-mist-200: #C9CBC8;
  --primitive-color-mist-300: #8B8F8D;
  --primitive-alpha-border-subtle: rgba(255,255,255,0.15);
  --primitive-alpha-border-default: rgba(255,255,255,0.30);
  --primitive-alpha-border-strong: rgba(255,255,255,0.65);
  --primitive-fontFamily-display: Arial, Helvetica, sans-serif;
  --primitive-fontFamily-mono: ui-monospace, 'SF Mono', 'Cascadia Mono', Consolas, 'Liberation Mono', Menlo, monospace;
  --primitive-fontSize-2xs: 0.5625rem;
  --primitive-fontSize-xs: 0.625rem;
  --primitive-fontSize-sm: 0.6875rem;
  --primitive-fontSize-base: 1rem;
  --primitive-fontSize-lg: 1.25rem;
  --primitive-letterSpacing-display-tight: -0.085em;
  --primitive-letterSpacing-display-normal: -0.075em;
  --primitive-letterSpacing-label-wide: 0.03em;
  --primitive-radius-none: 0;
  --primitive-radius-pill: 9999px;
  --primitive-spacing-1: 0.25rem;
  --primitive-spacing-2: 0.5rem;
  --primitive-spacing-3: 0.75rem;
  --primitive-spacing-4: 1rem;
  --primitive-spacing-6: 1.5rem;
  --primitive-spacing-8: 2rem;
  --primitive-spacing-12: 3rem;
  --primitive-spacing-16: 4rem;
  --primitive-spacing-24: 6rem;
  --primitive-spacing-32: 8rem;
  --primitive-shadow-float: 0 22px 28px rgba(0,0,0,0.44);
  --primitive-shadow-product: 0 26px 30px rgba(0,0,0,0.14);
  --primitive-duration-fast: 150ms;
  --primitive-duration-normal: 250ms;
  --primitive-duration-slow: 500ms;
  --primitive-duration-load: 750ms;
  --primitive-duration-ambient: 9000ms;
}

/* === SEMANTIC === */
:root {
  --color-background: #050607;
  --color-background-deep: #030405;
  --color-overlay: #020304;
  --color-surface-alt: #F2F1E9;
  --color-foreground: #FFFFFF;
  --color-foreground-muted: #C9CBC8;
  --color-foreground-subtle: #8B8F8D;
  --color-foreground-on-alt: #3C3E3B;
  --color-foreground-on-alt-muted: #5D6160;
  --color-foreground-on-alt-subtle: #66715F;
  --color-foreground-on-accent: #080908;
  --color-primary: #1689FF;
  --color-primary-deep: #102B38;
  --color-accent: #B6FF28;
  --color-border-subtle: rgba(255,255,255,0.15);
  --color-border-default: rgba(255,255,255,0.30);
  --color-border-strong: rgba(255,255,255,0.65);
  --color-border-on-alt: #9B9C95;
}

/* === COMPONENTS === */
:root {
  --button-primary-bg: #1689FF;
  --button-primary-fg: #FFFFFF;
  --button-primary-hover-bg: #B6FF28;
  --button-primary-hover-fg: #080908;
  --button-primary-radius: 9999px;
  --button-primary-padding-x: 1.5rem;
  --button-primary-padding-y: 1rem;
  --button-primary-font-size: 0.6875rem;
  --button-primary-font-family: ui-monospace, 'SF Mono', 'Cascadia Mono', Consolas, 'Liberation Mono', Menlo, monospace;
  --button-primary-transition: 250ms;
  --button-outline-bg: transparent;
  --button-outline-fg: #FFFFFF;
  --button-outline-border: rgba(255,255,255,0.65);
  --button-outline-hover-fg: #B6FF28;
  --button-outline-hover-border: #B6FF28;
  --button-outline-radius: 9999px;
  --button-outline-font-size: 0.6875rem;
  --button-outline-font-family: ui-monospace, 'SF Mono', 'Cascadia Mono', Consolas, 'Liberation Mono', Menlo, monospace;
  --eyebrow-on-dark: #B6FF28;
  --eyebrow-on-alt: #1689FF;
  --eyebrow-on-accent: #080908;
  --eyebrow-font-size: 0.625rem;
  --eyebrow-font-family: ui-monospace, 'SF Mono', 'Cascadia Mono', Consolas, 'Liberation Mono', Menlo, monospace;
  --eyebrow-letter-spacing: 0.03em;
  --chip-bg: transparent;
  --chip-fg: #C9CBC8;
  --chip-border: rgba(255,255,255,0.30);
  --chip-radius: 9999px;
  --chip-font-family: ui-monospace, 'SF Mono', 'Cascadia Mono', Consolas, 'Liberation Mono', Menlo, monospace;
  --card-product-bg: #F2F1E9;
  --card-product-fg: #3C3E3B;
  --card-product-border: #9B9C95;
  --card-product-shadow: 0 26px 30px rgba(0,0,0,0.14);
  --progress-track: rgba(255,255,255,0.30);
  --progress-fill-start: #1689FF;
  --progress-fill-end: #B6FF28;
}