/* GENERATED by scripts/build_tokens.py from design/tokens.json (Aurolab Dealer Portal). Do not edit. */
:root {
  --brand-900: #012f3d;
  --brand-800: #013a4c;
  --brand-700: #01445a;
  --brand-600: #01536b;
  --brand-500: #016481;
  --brand-text: #016481;
  --brand-300: #8fd9d8;
  --brand-100: #d3eef0;
  --brand-50: #edf8f8;
  --secondary: #1bb1af;
  --secondary-600: #149896;
  --secondary-soft: #dcf5f4;
  --on-secondary: #012f3d;
  --accent: #0b7b79;
  --accent-bright: var(--secondary);
  --page: #eef4f5;
  --surface: #ffffff;
  --surface-raised: #f5f9fa;
  --border: #d5e3e6;
  --border-strong: #7a929c;
  --ink: #0c2229;
  --ink-muted: #4f6470;
  --on-brand: #ffffff;
  --success: #0b7a54;
  --success-soft: #e3f5ee;
  --warning: #9a5b00;
  --warning-soft: #fdf1de;
  --danger: #c62a26;
  --danger-soft: #fde8e7;
  --stage: #012f3d;
  --stage-ink: #e6f6f6;
  --stage-muted: #8fd9d8;
  --stage-line: rgba(143, 217, 216, 0.16);
  --shadow-sm: 0 1px 2px rgba(12,34,41,0.06), 0 1px 3px rgba(12,34,41,0.08);
  --shadow-md: 0 8px 24px rgba(1,100,129,0.14), 0 2px 6px rgba(12,34,41,0.06);
  --shadow-lg: 0 24px 60px rgba(1,100,129,0.22);
  --shadow-focus: 0 0 0 3px #ffffff, 0 0 0 5px #016481;
  --shadow-brand: 0 6px 18px rgba(1,100,129,0.38);
  --shadow-glow: 0 0 0 1px rgba(27,177,175,0.35), 0 12px 40px rgba(27,177,175,0.28);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 999px;
  --font-sans: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-display: Sora, Inter, "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --brand-900: #0d1c21;
  --brand-800: #112a31;
  --brand-700: #01536b;
  --brand-600: #0a7392;
  --brand-500: #0b7c9c;
  --brand-text: #6fd6d4;
  --brand-100: #1d4a50;
  --brand-50: #2a3f45;
  --secondary-600: #3cc6c4;
  --secondary-soft: #173f40;
  --accent: #5fcfcd;
  --page: #1c2a30;
  --surface: #243439;
  --surface-raised: #2b3d43;
  --border: #3a5058;
  --border-strong: #6a8790;
  --ink: #e4f0f2;
  --ink-muted: #a6bfc4;
  --success: #4ade9b;
  --success-soft: #1f3d34;
  --warning: #fbbf5a;
  --warning-soft: #463a22;
  --danger: #ff8a85;
  --danger-soft: #4a2a2e;
  --stage: #0d1c21;
  --stage-line: rgba(143, 217, 216, 0.12);
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.25);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.3);
  --shadow-lg: 0 24px 60px rgba(0,0,0,0.35);
  --shadow-focus: 0 0 0 3px #243439, 0 0 0 5px #6fd6d4;
  --shadow-brand: 0 6px 18px rgba(27,177,175,0.25);
  --shadow-glow: 0 0 0 1px rgba(27,177,175,0.45), 0 12px 40px rgba(27,177,175,0.22);
  color-scheme: dark;
}