:root {
  /* Color Palette - Engineered Clarity */
  --bg-base: #FAFAFA;
  --bg-surface: #FFFFFF;
  --text-primary: #0B192C;       /* Headings & Strong Emphasis */
  --text-secondary: #475569;     /* Body Copy */
  --text-muted: #64748B;
  --accent-teal: #0D9488;        /* Primary CTAs, active states, icons */
  --accent-hover: #0F766E;
  --brand-blue: #0B5CFF;
  --brand-green: #2FB344;
  --border-light: #E2E8F0;
  --shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  
  /* Gradients */
  --grad-hero: linear-gradient(140deg, #DBE9FF 0%, #EBF5FF 45%, #D8F5EB 100%);
  --grad-accent: linear-gradient(135deg, #0B5CFF 0%, #2FB344 100%);
  
  /* Typography */
  --font-headings: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  
  /* Spacing (8pt Spacing Logic) */
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 32px;
  --spacing-xl: 48px;
  --spacing-xxl: 96px;
  --spacing-xxxl: 120px;
  
  /* Borders & Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;
  
  /* Layout */
  --max-width: 1200px;
  --header-height: 80px;
}