:root {
  --color-primary: #4F46E5;
  --color-primary-light: #6366F1;
  --color-primary-dark: #4338CA;
  --color-secondary: #7C3AED;
  --color-accent: #06B6D4;

  --color-success: #22C55E;
  --color-error: #EF4444;
  --color-warning: #F59E0B;

  --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 55%, var(--color-accent) 100%);
  --gradient-primary-soft: linear-gradient(135deg, rgba(79,70,229,0.12) 0%, rgba(124,58,237,0.12) 55%, rgba(6,182,212,0.12) 100%);
  --gradient-blob-1: radial-gradient(circle at 30% 30%, rgba(79,70,229,0.55), transparent 70%);
  --gradient-blob-2: radial-gradient(circle at 70% 70%, rgba(6,182,212,0.45), transparent 70%);
  --gradient-blob-3: radial-gradient(circle at 50% 50%, rgba(124,58,237,0.5), transparent 70%);

  --bg-body: #F8FAFC;
  --bg-elevated: #FFFFFF;
  --bg-glass: rgba(255, 255, 255, 0.6);
  --bg-glass-strong: rgba(255, 255, 255, 0.78);
  --border-glass: rgba(15, 23, 42, 0.08);
  --text-primary: #0F172A;
  --text-secondary: #475569;
  --text-tertiary: #94A3B8;
  --shadow-color: 222deg 40% 55%;

  --font-display: 'Outfit', 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-accent: 'Poppins', sans-serif;

  --fs-display-xl: clamp(2.75rem, 5vw + 1rem, 5rem);
  --fs-display-lg: clamp(2.25rem, 3.5vw + 1rem, 3.5rem);
  --fs-display-md: clamp(1.75rem, 2vw + 1rem, 2.5rem);
  --fs-display-sm: clamp(1.375rem, 1.2vw + 1rem, 1.75rem);
  --fs-body-lg: 1.125rem;
  --fs-body: 1rem;
  --fs-body-sm: 0.875rem;
  --fs-caption: 0.75rem;

  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;
  --space-3xl: 7rem;

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-full: 999px;

  --shadow-sm: 0 2px 8px -2px hsl(var(--shadow-color) / 0.12);
  --shadow-md: 0 12px 32px -8px hsl(var(--shadow-color) / 0.18);
  --shadow-lg: 0 24px 60px -12px hsl(var(--shadow-color) / 0.25);
  --shadow-glow: 0 0 0 1px rgba(79,70,229,0.08), 0 20px 50px -10px rgba(79,70,229,0.25);

  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 150ms;
  --dur-base: 300ms;
  --dur-slow: 600ms;

  --container-max: 1240px;
  --nav-height: 76px;
}

[data-theme="dark"] {
  --bg-body: #0F172A;
  --bg-elevated: #16213A;
  --bg-glass: rgba(22, 33, 58, 0.6);
  --bg-glass-strong: rgba(22, 33, 58, 0.82);
  --border-glass: rgba(255, 255, 255, 0.08);
  --text-primary: #F1F5F9;
  --text-secondary: #94A3B8;
  --text-tertiary: #64748B;
  --shadow-color: 230deg 60% 3%;
  --gradient-primary-soft: linear-gradient(135deg, rgba(79,70,229,0.22) 0%, rgba(124,58,237,0.22) 55%, rgba(6,182,212,0.18) 100%);
}