/* ===== CSS VARIABLES ===== */
:root {
  /* Professional Depth Theme (Saturn focus) - Based on sample */
  --bg: #0b1620;
  --ink: #e6eaf1;
  --ink-2: #0b1620;
  --muted: #7a8ca3;
  --brand-1: #0b1620;
  --brand-2: #172233;
  --brand-3: #3a506b;
  --gold: #6b7c93;
  --surface: #172233;
  --ring: rgba(58, 80, 107, .25);
  --saturn-mid: #142033;
  --saturn-dark: #0a1220;
  
  /* Primary Brand Colors (New requirements merged) */
  --primary: #4A3AFF;
  --accent: #FFD700;
  --accent-light: #ffe9a3;
  --accent-mid: #ffd86b;
  
  /* Layout & Spacing */
  --container-max: 1200px;
  --container-width: min(1200px, 92vw);
  --radius: 22px;
  --radius-small: 10px;
  --radius-medium: 16px;
  --radius-large: 22px;
  
  /* Shadows */
  --shadow: 0 20px 50px rgba(11, 22, 32, .13);
  --shadow-hover: 0 30px 60px rgba(16, 18, 38, .16);
  --shadow-strong: 0 20px 60px rgba(16, 18, 38, .35);
  
  /* Gradients */
  --grad: linear-gradient(135deg, var(--brand-3), var(--gold));
  --grad-primary: linear-gradient(135deg, var(--primary), var(--accent));
  --grad-gold: conic-gradient(from 20deg at 50% 50%, var(--gold), var(--accent-light) 25%, var(--gold) 50%, var(--accent-mid) 75%, var(--gold) 100%);
  --grad-soft: radial-gradient(1200px 600px at 90% -10%, rgba(58, 80, 107, .18), transparent 45%),
    radial-gradient(1000px 500px at -10% 10%, rgba(107, 124, 147, .18), transparent 50%);
  --grad-hero: linear-gradient(-45deg, var(--ink-2) 0%, hsl(231, 17%, 78%) 50%, hwb(0 100% 0%) 100%);
  --grad-cta: radial-gradient(800px 360px at 10% -10%, rgba(0, 212, 255, .18), transparent 40%),
    radial-gradient(1200px 500px at 110% 10%, rgba(106, 0, 255, .18), transparent 45%),
    linear-gradient(135deg, #ffffff, #f6f3ff);
  
  /* Typography */
  --font-heading: 'Poppins', Inter, sans-serif;
  --font-body: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
  
  /* Transitions */
  --transition-fast: .2s ease;
  --transition-smooth: .25s ease;
  --transition-slow: .3s ease;
  
  /* Text Colors */
  --text-primary: var(--ink);
  --text-secondary: var(--muted);
  --text-dark: #2d335d;
  --text-light: #cfd3ff;
  
  /* Background variations */
  --bg-light: #f7f7fb;
  --bg-card: var(--surface);
  
  /* Border Colors */
  --border-light: rgba(15, 18, 38, .06);
  --border-medium: rgba(15, 18, 38, .12);
  --border-gold: var(--gold);
}