/**
 * Bahia Travel - Brand Theme CSS Variables
 * Generated from config/brands/bahia.json
 * Warm coral/orange tones inspired by Bahia's sunsets, beaches, and Afro-Brazilian culture
 */
:root {
	/* Primary colors - warm coral orange */
	--primary: oklch(62% 0.18 45);
	--primary-foreground: oklch(98% 0 0);

	/* Secondary colors - soft warm sand */
	--secondary: oklch(90% 0.04 45);
	--secondary-foreground: oklch(25% 0.04 45);

	/* Accent colors - ocean teal */
	--accent: oklch(90% 0.03 200);
	--accent-foreground: oklch(25% 0.04 200);

	/* Warm light theme base */
	--background: oklch(97% 0.008 45);
	--foreground: oklch(22% 0.03 45);

	--surface-warm: oklch(95% 0.012 45);
	--surface-earth: oklch(93% 0.015 40);
	--text-cocoa: oklch(28% 0.04 45);
	--glass-bg: oklch(97% 0.008 45 / 0.85);

	--card: oklch(96% 0.008 45);
	--card-foreground: oklch(22% 0.03 45);

	--popover: oklch(98% 0.005 45);
	--popover-foreground: oklch(22% 0.03 45);

	--muted: oklch(92% 0.012 45);
	--muted-foreground: oklch(45% 0.03 45);

	--border: oklch(84% 0.015 45);
	--input: oklch(94% 0.008 45);

	--ring: oklch(62% 0.18 45);

	/* Brand-specific */
	--brand-hero-overlay: rgba(80, 35, 10, 0.45);
	--radius: 0.75rem;
	--font-family: system-ui, sans-serif;
}

.dark {
	--background: oklch(14% 0.02 40);
	--foreground: oklch(93% 0.008 45);

	--surface-warm: oklch(16% 0.02 40);
	--surface-earth: oklch(18% 0.02 40);
	--text-cocoa: oklch(93% 0.008 45);
	--glass-bg: oklch(16% 0.02 40 / 0.8);

	--card: oklch(17% 0.02 40);
	--card-foreground: oklch(93% 0.008 45);

	--popover: oklch(19% 0.02 40);
	--popover-foreground: oklch(93% 0.008 45);

	--primary: oklch(68% 0.16 45);
	--primary-foreground: oklch(98% 0 0);

	--secondary: oklch(24% 0.03 40);
	--secondary-foreground: oklch(93% 0.008 45);

	--muted: oklch(21% 0.02 40);
	--muted-foreground: oklch(62% 0.02 45);

	--accent: oklch(22% 0.03 200);
	--accent-foreground: oklch(93% 0.008 45);

	--border: oklch(27% 0.02 40);
	--input: oklch(21% 0.02 40);

	--ring: oklch(68% 0.16 45);
}