/* AUTO-GENERATED by Style Dictionary from tokens.json — DO NOT EDIT BY HAND.
   Source of truth: design-system/tokens.json. Rebuild: npm run build. */
:root {
  --color-brand-primary: #0099ff;
  --color-brand-hover: #0080d4;
  --color-brand-light: #33adff;
  --color-brand-bg: #e6f4ff;
  --color-text-primary: #1a1f2e;
  --color-text-muted: #5b6577;
  --color-text-light: #d5dbe6;
  --color-text-inverse: #ffffff;
  --color-surface-primary: #ffffff;
  --color-surface-alt: #f5f5f5;
  --color-surface-elevated: #f5f8fc;
  --color-surface-dark: #04070d;
  --color-border-default: #e4e9f2;
  --color-border-focus: #0099ff;
  --color-success-default: #10b981;
  --color-success-bright: #34d399;
  --color-success-bg: #ecfdf5;
  --color-warning-default: #f59e0b;
  --color-warning-bg: #fffbeb;
  --color-danger-default: #ef4444;
  --color-danger-bg: #fef2f2;
  --color-info-default: #3b82f6;
  --color-info-bg: #eff6ff;
  --color-neutral-50: #fafafa;
  --color-neutral-100: #f5f5f5;
  --color-neutral-150: #eeeeee;
  --color-neutral-200: #e0e0e0;
  --color-neutral-250: #dddddd;
  --color-neutral-300: #cccccc;
  --color-neutral-400: #aaaaaa;
  --color-neutral-450: #999999;
  --color-neutral-500: #888888;
  --color-neutral-550: #777777;
  --color-neutral-600: #666666;
  --color-neutral-650: #555555;
  --color-neutral-700: #444444;
  --color-neutral-800: #333333;
  --color-neutral-900: #222222;
  --color-neutral-white: #ffffff;
  --color-neutral-black: #000000;
  --font-family-display: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-family-mono: 'JetBrains Mono', 'Fragment Mono', ui-monospace, monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-lineHeight-tight: 1.25;
  --font-lineHeight-snug: 1.4;
  --font-lineHeight-normal: 1.5;
  --font-lineHeight-relaxed: 1.65;
  --font-letterSpacing-tight: -0.011em;
  --font-letterSpacing-normal: 0;
  --font-letterSpacing-wide: 0.05em;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
  --breakpoint-mobile: 640px;
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 1024px;
  --breakpoint-wide: 1200px;
  --z-base: 1;
  --z-dropdown: 200;
  --z-modal: 1000;
  --z-toast: 9999;
  --z-max: 10020;
  --transition-fast: 0.15s;
  --transition-base: 0.2s;
  --transition-slow: 0.3s;

  /* rgb triples for rgba() tints */
  --color-brand-rgb: 0, 153, 255;
  --brand-rgb: 0, 153, 255;
  --color-success-rgb: 16, 185, 129;
  --color-success-bright-rgb: 52, 211, 153;
  --color-danger-rgb: 239, 68, 68;
  --color-warning-rgb: 245, 158, 11;
  --color-info-rgb: 59, 130, 246;
}

/* === Legacy aliases (migration compat) — old names → new tokens === */
:root {
  --fs-primary: var(--color-brand-primary);
  --fs-primary-hover: var(--color-brand-hover);
  --fs-primary-bg: var(--color-brand-bg);
  --fs-border-focus: var(--color-border-focus);
  --fs-text: var(--color-text-primary);
  --fs-text-muted: var(--color-text-muted);
  --fs-text-light: var(--color-text-light);
  --fs-surface: var(--color-surface-primary);
  --fs-surface-alt: var(--color-surface-alt);
  --fs-surface-elevated: var(--color-surface-elevated);
  --fs-bg-dark: var(--color-surface-dark);
  --fs-border: var(--color-border-default);
  --fs-success: var(--color-success-default);
  --fs-success-bg: var(--color-success-bg);
  --fs-warning: var(--color-warning-default);
  --fs-warning-bg: var(--color-warning-bg);
  --fs-danger: var(--color-danger-default);
  --fs-danger-bg: var(--color-danger-bg);
  --fs-info: var(--color-info-default);
  --fs-info-bg: var(--color-info-bg);
  --fs-font-body: var(--font-family-body);
  --fs-font-display: var(--font-family-display);
  --fs-font-mono: var(--font-family-mono);
  --fs-font-size-xs: var(--font-size-xs);
  --fs-font-size-sm: var(--font-size-sm);
  --fs-font-size-base: var(--font-size-base);
  --fs-font-size-lg: var(--font-size-lg);
  --fs-font-size-xl: var(--font-size-xl);
  --fs-font-size-2xl: var(--font-size-2xl);
  --fs-font-size-3xl: var(--font-size-3xl);
  --fs-space-1: var(--space-1);
  --fs-space-2: var(--space-2);
  --fs-space-3: var(--space-3);
  --fs-space-4: var(--space-4);
  --fs-space-6: var(--space-6);
  --fs-space-8: var(--space-8);
  --fs-space-12: var(--space-12);
  --fs-radius-sm: var(--radius-sm);
  --fs-radius-md: var(--radius-md);
  --fs-radius-lg: var(--radius-lg);
  --fs-radius-xl: var(--radius-xl);
  --fs-radius-full: var(--radius-full);
  --fs-shadow-sm: var(--shadow-sm);
  --fs-shadow-md: var(--shadow-md);
  --fs-shadow-lg: var(--shadow-lg);
  --fs-bg: var(--color-surface-primary);
  --fs-bg-alt: var(--color-surface-alt);
  --fs-bg-card: var(--color-surface-primary);
  --fs-primary-light: var(--color-brand-bg);
  --fs-text-secondary: var(--color-text-muted);
  --fs-radius: var(--radius-lg);
  --brand: var(--color-brand-primary);
  --brand-hover: var(--color-brand-hover);
  --brand-active: var(--color-brand-hover);
  --brand-bright: var(--color-brand-light);
  --bs-primary: var(--color-brand-primary);
  --success: var(--color-success-default);
  --success-bright: var(--color-success-bright);
  --success-deep: var(--color-success-default);
  --warning: var(--color-warning-default);
  --danger: var(--color-danger-default);
  --info: var(--color-info-default);
  --success-rgb: var(--color-success-rgb);
  --success-bright-rgb: var(--color-success-bright-rgb);
  --success-deep-rgb: var(--color-success-rgb);
  --warning-rgb: var(--color-warning-rgb);
  --danger-rgb: var(--color-danger-rgb);
  --info-rgb: var(--color-info-rgb);
  --gray-050: var(--color-neutral-50);
  --gray-100: var(--color-neutral-100);
  --gray-150: var(--color-neutral-150);
  --gray-200: var(--color-neutral-200);
  --gray-250: var(--color-neutral-250);
  --gray-300: var(--color-neutral-300);
  --gray-400: var(--color-neutral-400);
  --gray-450: var(--color-neutral-450);
  --gray-500: var(--color-neutral-500);
  --gray-550: var(--color-neutral-550);
  --gray-600: var(--color-neutral-600);
  --gray-650: var(--color-neutral-650);
  --gray-700: var(--color-neutral-700);
  --gray-800: var(--color-neutral-800);
  --gray-900: var(--color-neutral-900);
  --white: var(--color-neutral-white);
  --black: var(--color-neutral-black);
}