:root {
  --background: oklch(97.5% 0.015 78);
  --foreground: oklch(27% 0.03 45);
  --card: oklch(99% 0.01 82);
  --card-foreground: oklch(27% 0.03 45);
  --popover: oklch(100% 0 0);
  --popover-foreground: oklch(27% 0.03 45);
  --primary: oklch(42% 0.08 42);
  --primary-foreground: oklch(98.5% 0.01 80);
  --secondary: oklch(93.5% 0.02 78);
  --secondary-foreground: oklch(31% 0.035 42);
  --muted: oklch(92.5% 0.02 78);
  --muted-foreground: oklch(50% 0.025 50);
  --accent: oklch(88% 0.03 68);
  --accent-foreground: oklch(30% 0.04 42);
  --brand-deep: oklch(29% 0.05 42);
  --brand-glow: oklch(74% 0.07 65);
  --gradient-hero: linear-gradient(135deg, oklch(98% 0.012 82) 0%, oklch(94.5% 0.026 76) 52%, oklch(90.5% 0.04 62) 100%);
  --gradient-primary: linear-gradient(135deg, oklch(48% 0.09 44), oklch(35% 0.07 38));
  --shadow-elegant: 0 20px 50px -20px oklch(26% 0.035 42 / 0.30);
  --shadow-card: 0 4px 20px -8px oklch(26% 0.03 42 / 0.15);
  --border: oklch(84% 0.02 72);
  --input: oklch(84% 0.02 72);
  --ring: oklch(50% 0.07 44);
}

.dark {
  --background: oklch(19% 0.022 40);
  --foreground: oklch(95% 0.01 80);
  --card: oklch(23% 0.022 40);
  --card-foreground: oklch(95% 0.01 80);
  --popover: oklch(23% 0.022 40);
  --popover-foreground: oklch(95% 0.01 80);
  --primary: oklch(72% 0.08 64);
  --primary-foreground: oklch(22% 0.025 40);
  --secondary: oklch(30% 0.02 42);
  --secondary-foreground: oklch(95% 0.01 80);
  --muted: oklch(30% 0.02 42);
  --muted-foreground: oklch(75% 0.018 68);
  --accent: oklch(35% 0.03 52);
  --accent-foreground: oklch(95% 0.01 80);
  --border: oklch(100% 0 0 / 0.14);
  --input: oklch(100% 0 0 / 0.18);
  --ring: oklch(66% 0.07 64);
}