/* Design tokens: color scheme (light + dark) used across the site. Generated by Tailwind CSS v4 @theme. */
:root {
  --radius: 0.5rem;
  --background: oklch(100% 0 0);
  --foreground: oklch(18% 0.02 310);
  --card: oklch(100% 0 0);
  --card-foreground: oklch(18% 0.02 310);
  --popover: oklch(100% 0 0);
  --popover-foreground: oklch(18% 0.02 310);
  --primary: oklch(36% 0.14 12);
  --primary-foreground: oklch(99% 0.004 310);
  --secondary: oklch(95% 0.012 310);
  --secondary-foreground: oklch(26% 0.05 12);
  --muted: oklch(95.5% 0.01 310);
  --muted-foreground: oklch(48% 0.02 310);
  --accent: oklch(94% 0.03 300);
  --accent-foreground: oklch(30% 0.08 300);
  --destructive: oklch(55% 0.2 22);
  --destructive-foreground: oklch(99% 0.004 310);
  --border: oklch(90% 0.012 310);
  --input: oklch(90% 0.012 310);
  --ring: oklch(62% 0.21 293);
  --ember: oklch(62% 0.21 293);
  --ember-foreground: oklch(99% 0.004 310);
  --violet: oklch(62% 0.21 293);
  --violet-foreground: oklch(99% 0.004 310);
  --wine: oklch(36% 0.14 12);
  --wine-foreground: oklch(98% 0.005 310);
  --up: oklch(58% 0.14 155);
  --down: oklch(55% 0.2 20);
  --surface: oklch(97.5% 0.008 310);
  --surface-2: oklch(95% 0.012 310);
  --chart-1: oklch(36% 0.14 12);
  --chart-2: oklch(62% 0.21 293);
  --chart-3: oklch(58% 0.14 155);
  --chart-4: oklch(55% 0.2 20);
  --chart-5: oklch(48% 0.02 310);
  --gradient-flame: linear-gradient(
    100deg,
    oklch(36% 0.14 12),
    oklch(48% 0.18 350) 55%,
    oklch(62% 0.21 293)
  );
  --gradient-dusk: linear-gradient(
    135deg,
    oklch(22% 0.06 320),
    oklch(36% 0.14 12) 55%,
    oklch(45% 0.18 300)
  );
  --gradient-veil: linear-gradient(
    180deg,
    oklch(100% 0 0/0),
    oklch(95% 0.012 310/0.9)
  );
  --gradient-halo: radial-gradient(
    60% 60% at 50% 40%,
    oklch(62% 0.21 293/0.14),
    transparent 70%
  );
  --shadow-soft:
    0 1px 2px oklch(22% 0.06 320/0.05),
    0 10px 26px -14px oklch(22% 0.06 320/0.18);
  --shadow-lift: 0 20px 50px -24px oklch(36% 0.14 12/0.35);
  --shadow-glow:
    0 0 0 1px oklch(62% 0.21 293/0.16),
    0 16px 44px -22px oklch(62% 0.21 293/0.4);
  --sidebar: oklch(97.5% 0.008 310);
  --sidebar-foreground: oklch(18% 0.02 310);
  --sidebar-primary: oklch(36% 0.14 12);
  --sidebar-primary-foreground: oklch(99% 0.004 310);
  --sidebar-accent: oklch(94% 0.03 300);
  --sidebar-accent-foreground: oklch(30% 0.08 300);
  --sidebar-border: oklch(90% 0.012 310);
  --sidebar-ring: oklch(62% 0.21 293);
}
.dark {
  --background: oklch(17% 0.03 20);
  --foreground: oklch(97% 0.01 40);
  --card: oklch(22% 0.04 20);
  --card-foreground: oklch(97% 0.01 40);
  --popover: oklch(22% 0.04 20);
  --popover-foreground: oklch(97% 0.01 40);
  --primary: oklch(66% 0.21 28);
  --primary-foreground: oklch(15% 0.03 20);
  --secondary: oklch(27% 0.05 20);
  --secondary-foreground: oklch(97% 0.01 40);
  --muted: oklch(27% 0.05 20);
  --muted-foreground: oklch(72% 0.03 30);
  --accent: oklch(30% 0.08 25);
  --accent-foreground: oklch(97% 0.01 40);
  --border: oklch(100% 0 0/0.12);
  --input: oklch(100% 0 0/0.15);
  --surface: oklch(22% 0.04 20);
  --surface-2: oklch(26% 0.05 20);
  --sidebar: oklch(22% 0.04 20);
  --sidebar-foreground: oklch(97% 0.01 40);
  --sidebar-border: oklch(100% 0 0/0.12);
}