/**
 * @file theme.css
 * iTour design tokens — edit without rebuilding compiled CSS.
 */

:root {
  --background: oklch(0.985 0.004 247);
  --foreground: oklch(0.22 0.03 250);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.22 0.03 250);
  --primary: oklch(0.48 0.12 220);
  --primary-foreground: oklch(0.99 0 0);
  --secondary: oklch(0.62 0.14 45);
  --secondary-foreground: oklch(0.18 0.02 45);
  --muted: oklch(0.94 0.01 247);
  --muted-foreground: oklch(0.45 0.03 250);
  --accent: oklch(0.72 0.16 165);
  --accent-foreground: oklch(0.18 0.04 165);
  --destructive: oklch(0.55 0.2 25);
  --destructive-foreground: oklch(0.99 0 0);
  --border: oklch(0.88 0.02 247);
  --input: oklch(0.9 0.02 247);
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-serif: "DM Serif Display", ui-serif, Georgia, serif;
  --font-mono: ui-monospace, "Cascadia Code", monospace;
  --radius: 0.75rem;
  --shadow-2xs: 0 1px 2px hsl(220 20% 20% / 0.04);
  --shadow-xs: 0 1px 3px hsl(220 20% 20% / 0.06);
  --shadow-sm: 0 2px 6px hsl(220 20% 20% / 0.08);
  --shadow: 0 4px 12px hsl(220 20% 20% / 0.1);
  --shadow-md: 0 6px 16px hsl(220 20% 20% / 0.12);
  --shadow-lg: 0 10px 24px hsl(220 20% 20% / 0.14);
  --shadow-xl: 0 16px 32px hsl(220 20% 20% / 0.16);
  --shadow-2xl: 0 24px 48px hsl(220 20% 20% / 0.18);
  --primary-light: color-mix(in oklch, var(--primary) 75%, white);
  --primary-dark: color-mix(in oklch, var(--primary) 80%, black);
  --secondary-light: color-mix(in oklch, var(--secondary) 85%, white);
  --secondary-dark: color-mix(in oklch, var(--secondary) 80%, black);
  --accent-light: color-mix(in oklch, var(--accent) 85%, white);
  --accent-dark: color-mix(in oklch, var(--accent) 80%, black);
  --header-height: 5rem;
}

@media (min-width: 768px) {
  :root {
    --header-height: 5.5rem;
  }

  body.has-hero-header {
    --header-height: 6rem;
  }
}