/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --border-radius-base: 6px; /** Default border radius */
  --border-radius-lg: 10px; /** Large border radius */
  --border-radius-xl: 14px; /** XL border radius */
  --border-radius-2xl: 20px; /** 2XL border radius */
  --color-primitive-neutral-0: #ffffff; /** Pure white */
  --color-primitive-neutral-50: #fafafa; /** Near white */
  --color-primitive-neutral-100: #ADADB0; /** Light gray */
  --color-primitive-neutral-200: #8B8B90; /** Medium gray */
  --color-primitive-neutral-300: #6B6B70; /** Muted gray */
  --color-primitive-neutral-400: #3A3A3E; /** Dark gray */
  --color-primitive-neutral-500: #2A2A2E; /** Darker gray */
  --color-primitive-neutral-600: #1F1F23; /** Surface border */
  --color-primitive-neutral-700: #1A1A1D; /** Elevated surface */
  --color-primitive-neutral-800: #111113; /** Base surface */
  --color-primitive-neutral-900: #0A0A0B; /** Page background */
  --color-primitive-neutral-950: #050506; /** Near black */
  --color-primitive-accent-400: #FF8A4C; /** Orange light */
  --color-primitive-accent-500: #FF5C00; /** Orange primary */
  --color-primitive-accent-600: #E05200; /** Orange dark */
  --color-primitive-success-500: #22C55E; /** Success green */
  --color-primitive-white: #ffffff;
  --color-primitive-black: #000000;
  --color-primitive-overlay: rgba(0, 0, 0, 0.6);
  --color-semantic-bg-page: #0A0A0B; /** Page background */
  --color-semantic-bg-surface: #111113; /** Card / panel surface */
  --color-semantic-bg-elevated: #1A1A1D; /** Elevated elements */
  --color-semantic-bg-interactive: #2A2A2E; /** Interactive backgrounds */
  --color-semantic-bg-surface-hover: #1F1F23; /** Hover state */
  --color-semantic-bg-overlay: rgba(10, 10, 11, 0.9); /** Modal overlay */
  --color-semantic-text-primary: #ffffff; /** Primary text */
  --color-semantic-text-secondary: #ADADB0; /** Secondary text */
  --color-semantic-text-tertiary: #8B8B90; /** Tertiary / helper text */
  --color-semantic-text-disabled: #6B6B70; /** Disabled text */
  --color-semantic-text-muted: rgba(255, 255, 255, 0.8); /** Muted white text */
  --color-semantic-text-inverse: #0A0A0B; /** Inverse (dark on light) */
  --color-semantic-accent-primary: #FF5C00; /** Brand orange */
  --color-semantic-accent-light: #FF8A4C; /** Light orange */
  --color-semantic-accent-glow: rgba(255, 92, 0, 0.15); /** Subtle glow */
  --color-semantic-accent-glow-strong: rgba(255, 92, 0, 0.3); /** Strong glow */
  --color-semantic-border-subtle: #1F1F23; /** Subtle divider */
  --color-semantic-border-default: #2A2A2E; /** Default border */
  --color-semantic-border-strong: #3A3A3E; /** Strong border */
  --color-semantic-action-primary-bg: #FF5C00; /** CTA button bg */
  --color-semantic-action-primary-bg-hover: #E05200; /** CTA button hover */
  --color-semantic-action-primary-text: #ffffff; /** CTA button text */
  --color-semantic-action-secondary-bg: transparent; /** Ghost button bg */
  --color-semantic-action-secondary-bg-hover: rgba(255, 255, 255, 0.05); /** Ghost button hover */
  --color-semantic-action-secondary-text: #ffffff; /** Ghost button text */
  --color-semantic-action-secondary-border: #2A2A2E; /** Ghost button border */
  --color-semantic-status-success: #22C55E; /** Success state */
  --spacing-1: 0.25rem; /** 4px */
  --spacing-2: 0.5rem; /** 8px */
  --spacing-3: 0.75rem; /** 12px */
  --spacing-4: 1rem; /** 16px */
  --spacing-5: 1.25rem; /** 20px */
  --spacing-6: 1.5rem; /** 24px */
  --spacing-8: 2rem; /** 32px */
  --spacing-10: 2.5rem; /** 40px */
  --spacing-12: 3rem; /** 48px */
  --spacing-16: 4rem; /** 64px */
  --spacing-20: 5rem; /** 80px */
  --spacing-24: 6rem; /** 96px */
  --font-family-heading: 'Roboto', system-ui, sans-serif; /** Heading / display font */
  --font-family-body: 'Roboto', system-ui, sans-serif; /** Body text font */
}