Themes

:root {
  --radius: 1.25rem;
  --primary: oklch(0.42 0 0);
  --primary-foreground: oklch(0.98 0 0);
  --background: transparent;
  --foreground: oklch(0.15 0 0);
  --card: transparent;
  --card-foreground: oklch(0.15 0 0);
  --popover: transparent;
  --popover-foreground: oklch(0.15 0 0);
  --secondary: oklch(0.96 0 0);
  --secondary-foreground: oklch(0.15 0 0);
  --muted: oklch(0.85 0 0);
  --muted-foreground: oklch(0.45 0 0);
  --accent: oklch(0.96 0 0);
  --accent-foreground: oklch(0.15 0 0);
  --destructive: oklch(0.55 0.22 25);
  --destructive-foreground: oklch(0.98 0 0);
  --border: oklch(0.88 0 0);
  --input: oklch(0.88 0 0);
  --ring: oklch(0.5 0.2 250);
  
  /* Glass effect variables - Enhanced with gradient tint and border glow */
  --glass-bg: linear-gradient(in oklch, 135deg, oklch(100.000% 0.000000 0.000000 / 0.400000) 0%, oklch(100.000% 0.000000 0.000000 / 0.250000) 50%, oklch(97.6470% 0.010680 245.000000 / 0.300000) 100%);
  --glass-border: oklch(100.000% 0.000000 0.000000 / 0.300000);
  --glass-shadow: 0 8px 32px oklch(0.000000% 0.000000 0.000000 / 0.120000), 0 2px 8px oklch(0.000000% 0.000000 0.000000 / 0.080000), 0 0 0 1px oklch(100.000% 0.000000 0.000000 / 0.100000) inset, 0 0 20px oklch(100.000% 0.000000 0.000000 / 0.050000);
  --glass-shadow-lg: 0 12px 48px oklch(0.000000% 0.000000 0.000000 / 0.180000), 0 4px 16px oklch(0.000000% 0.000000 0.000000 / 0.120000), 0 0 0 1px oklch(100.000% 0.000000 0.000000 / 0.150000) inset, 0 0 30px oklch(100.000% 0.000000 0.000000 / 0.080000);
  --glass-shadow-sm: 0 4px 16px oklch(0.000000% 0.000000 0.000000 / 0.100000), 0 1px 4px oklch(0.000000% 0.000000 0.000000 / 0.060000), 0 0 0 1px oklch(100.000% 0.000000 0.000000 / 0.080000) inset, 0 0 10px oklch(100.000% 0.000000 0.000000 / 0.030000);
  --blur: 30px;
  --blur-sm: 15px;
  --blur-lg: 50px;
}
.dark {
  --primary: oklch(0.78 0 0);
  --primary-foreground: oklch(0.15 0 0);
  --background: transparent;
  --foreground: oklch(0.95 0 0);
  --card: transparent;
  --card-foreground: oklch(0.95 0 0);
  --popover: transparent;
  --popover-foreground: oklch(0.95 0 0);
  --secondary: oklch(0.25 0 0);
  --secondary-foreground: oklch(0.95 0 0);
  --muted: oklch(0.18 0 0);
  --muted-foreground: oklch(0.7 0 0);
  --accent: oklch(0.25 0 0);
  --accent-foreground: oklch(0.95 0 0);
  --destructive: oklch(0.65 0.22 25);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.3 0 0);
  --input: oklch(0.25 0 0);
  --ring: oklch(0.6 0.2 250);
  
  /* Glass effect variables - Dark mode (Enhanced with gradient tint and border glow) */
  --glass-bg: linear-gradient(in oklch, 135deg, oklch(100.000% 0.000000 0.000000 / 0.150000) 0%, oklch(100.000% 0.000000 0.000000 / 0.080000) 50%, oklch(97.6470% 0.010680 245.000000 / 0.100000) 100%);
  --glass-border: oklch(100.000% 0.000000 0.000000 / 0.250000);
  --glass-shadow: 0 8px 32px oklch(0.000000% 0.000000 0.000000 / 0.500000), 0 2px 8px oklch(0.000000% 0.000000 0.000000 / 0.300000), 0 0 0 1px oklch(100.000% 0.000000 0.000000 / 0.150000) inset, 0 0 20px oklch(100.000% 0.000000 0.000000 / 0.080000);
  --glass-shadow-lg: 0 12px 48px oklch(0.000000% 0.000000 0.000000 / 0.600000), 0 4px 16px oklch(0.000000% 0.000000 0.000000 / 0.400000), 0 0 0 1px oklch(100.000% 0.000000 0.000000 / 0.200000) inset, 0 0 30px oklch(100.000% 0.000000 0.000000 / 0.100000);
  --glass-shadow-sm: 0 4px 16px oklch(0.000000% 0.000000 0.000000 / 0.400000), 0 1px 4px oklch(0.000000% 0.000000 0.000000 / 0.200000), 0 0 0 1px oklch(100.000% 0.000000 0.000000 / 0.100000) inset, 0 0 10px oklch(100.000% 0.000000 0.000000 / 0.050000);
}