:root {
  --primary: #0a1628;
  --primary-light: #132240;
  --accent-blue: #2563eb;
  --accent-purple: #7c3aed;
  --accent-cyan: #06b6d4;
  --gradient-primary: linear-gradient(135deg, #2563eb 0%, #7c3aed 50%, #06b6d4 100%);
  --gradient-hero: linear-gradient(135deg, #0a1628 0%, #1e3a5f 40%, #312e81 70%, #0e7490 100%);
  --gradient-glass: linear-gradient(135deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.04) 100%);
  --text-primary: #0f172a;
  --text-secondary: #64748b;
  --text-light: #94a3b8;
  --text-on-dark: #f8fafc;
  --bg-light: #f8fafc;
  --bg-white: #ffffff;
  --bg-dark: #0a1628;
  --border-light: rgba(148, 163, 184, 0.2);
  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 8px 30px rgba(15, 23, 42, 0.1);
  --shadow-lg: 0 20px 60px rgba(15, 23, 42, 0.15);
  --shadow-glow: 0 0 40px rgba(37, 99, 235, 0.25);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-sans);
  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --navbar-height: 100px;
  --section-padding: clamp(4rem, 8vw, 7rem);
}

[data-theme="dark-section"] {
  --text-primary: var(--text-on-dark);
  --text-secondary: var(--text-light);
}