/* AUTO-GENERATED from design-system/tokens/*.json by
   design-system/scripts/tokens_to_css.py — DO NOT HAND-EDIT. */

:root {
  --action-default: #4a90e2;
  --action-focus-ring: 0 0 5px rgba(74, 144, 226, 0.3);
  --action-glow: rgba(74, 144, 226, 0.3);
  --action-hover: #3578c6;
  --bg-app: #f4f7fc;
  --bg-card-dark: rgba(255, 255, 255, 0.02);
  --bg-dark: #0a0a1a;
  --bg-dark-deep: #16213e;
  --bg-dark-mid: #0f0f24;
  --bg-surface: #ffffff;
  --bg-surface-2: #f9fbfe;
  --bg-tint-blue: #ebf2fb;
  --border-1: #E5E7EB;
  --border-2: #CCC;
  --border-dark: rgba(255, 255, 255, 0.06);
  --brand-cyan: #00d4ff;
  --brand-cyan-glow: rgba(0, 212, 255, 0.12);
  --brand-cyan-strong: rgba(0, 212, 255, 0.35);
  --brand-gradient-primary: linear-gradient(135deg, #00d4ff 0%, #9b59b6 100%);
  --brand-gradient-primary-horizontal: linear-gradient(90deg, #00d4ff, #9b59b6);
  --brand-primary-cyan: #00d4ff;
  --brand-primary-violet: #9b59b6;
  --brand-violet: #9b59b6;
  --brand-violet-glow: rgba(155, 89, 182, 0.12);
  --container: 1100px;
  --dur-base: 300ms;
  --dur-fast: 200ms;
  --dur-slow: 400ms;
  --dur-slower: 700ms;
  --ease-brand: cubic-bezier(.2,.7,.2,1);
  --ease-standard: ease;
  --fg-1: #333333;
  --fg-2: #555555;
  --fg-3: #777777;
  --fg-4: #9CA3AF;
  --fg-d-1: #ffffff;
  --fg-d-2: #b0b0b0;
  --fg-d-3: #a8a8c0;
  --fg-d-4: #5a5a70;
  --font-display: "Playfair Display", Georgia, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --font-sans: "Poppins", "Helvetica Neue", Arial, sans-serif;
  --grad-brand: linear-gradient(135deg, #00d4ff 0%, #9b59b6 100%);
  --grad-brand-h: linear-gradient(90deg, #00d4ff 0%, #9b59b6 100%);
  --grad-brand-soft: linear-gradient(135deg, rgba(0,212,255,0.06) 0%, rgba(155,89,182,0.06) 100%);
  --grad-risk-elevated: linear-gradient(90deg, #e67e22, #d35400);
  --grad-risk-high: linear-gradient(90deg, #e74c3c, #c0392b);
  --grad-risk-low: linear-gradient(90deg, #27ae60, #1e8449);
  --leading-body: 1.7;
  --leading-loose: 1.75;
  --leading-snug: 1.2;
  --leading-tight: 1.1;
  --mod-face: #3d8ba8;
  --mod-heart: #b84763;
  --mod-text: #3b7aa8;
  --mod-voice: #9b59b6;
  --nav-gap: 32px;
  --nav-height: 70px;
  --nav-pad-x: 32px;
  --nav-pad-y: 14px;
  --neutral-100: #f3f4f6;
  --neutral-200: #e5e7eb;
  --neutral-300: #d1d5db;
  --neutral-400: #9ca3af;
  --neutral-50: #f9fafb;
  --neutral-500: #6b7280;
  --neutral-600: #4b5563;
  --neutral-700: #374151;
  --neutral-800: #1f2937;
  --neutral-900: #111827;
  --radius-2xl: 14px;
  --radius-3xl: 16px;
  --radius-cta: 24px;
  --radius-lg: 10px;
  --radius-md: 8px;
  --radius-pill: 100px;
  --radius-sm: 6px;
  --radius-xl: 12px;
  --radius-xs: 4px;
  --radius-xxl: 20px;
  --risk-elevated: #e67e22;
  --risk-elevated-deep: #d35400;
  --risk-high: #e74c3c;
  --risk-high-deep: #c0392b;
  --risk-low: #27ae60;
  --risk-low-deep: #1e8449;
  --risk-severe: #b21f2d;
  --scale-nav-brand: 1.15rem;
  --scale-nav-link: 0.88rem;
  --shadow-card: 0 4px 8px rgba(0, 0, 0, 0.1);
  --shadow-card-lg: 0 4px 10px rgba(0, 0, 0, 0.1);
  --shadow-cta-hover: 0 12px 28px rgba(0, 212, 255, 0.3);
  --shadow-cta-lift: 0 20px 40px rgba(0, 212, 255, 0.35);
  --shadow-logo: 0 30px 80px rgba(0, 212, 255, 0.25);
  --shadow-menu: 0 8px 32px rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.06);
  --sp-1: 4px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-2: 8px;
  --sp-20: 80px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 28px;
  --sp-8: 32px;
  --surface-bg-app: #0a0a1a;
  --surface-bg-app-deep: #16213e;
  --surface-bg-app-mid: #1a1a2e;
  --surface-body-gradient: linear-gradient(135deg, #0a0a1a 0%, #1a1a2e 50%, #16213e 100%);
  --surface-nav-border: rgba(255, 255, 255, 0.06);
  --surface-nav-glass: rgba(10, 10, 26, 0.85);
  --text-2xl: 1.85rem;
  --text-2xs: 0.8rem;
  --text-3xl: 2.5rem;
  --text-4xl: 2.75rem;
  --text-base: 1rem;
  --text-hero: clamp(2.75rem, 7vw, 4.5rem);
  --text-lg: 1.15rem;
  --text-md: 1.05rem;
  --text-muted: #a8a8c0;
  --text-nav: 0.88rem;
  --text-primary: #ffffff;
  --text-secondary: #b0b0b0;
  --text-sm: 0.85rem;
  --text-stat: 4rem;
  --text-subtle: #666666;
  --text-xl: 1.25rem;
  --text-xs: 0.72rem;
  --tracking-caps: 0.15em;
  --tracking-caps-l: 0.18em;
  --tracking-caps-s: 0.12em;
  --tracking-hero: -0.02em;
}