/*
 * Villa Shalom design tokens — ported 1:1 from src/index.css (:root and .dark blocks).
 * Loaded before tailwind.build.css so utility classes like bg-ocean/95 resolve correctly.
 */
:root {
	--background: 40 30% 97%;
	--foreground: 210 25% 15%;

	--card: 40 25% 95%;
	--card-foreground: 210 25% 15%;

	--popover: 40 30% 97%;
	--popover-foreground: 210 25% 15%;

	--primary: 200 80% 22%;
	--primary-foreground: 40 30% 97%;

	--secondary: 35 35% 88%;
	--secondary-foreground: 210 25% 15%;

	--muted: 150 15% 90%;
	--muted-foreground: 210 15% 45%;

	--accent: 38 70% 50%;
	--accent-foreground: 40 30% 97%;

	--destructive: 0 84.2% 60.2%;
	--destructive-foreground: 210 40% 98%;

	--border: 35 20% 85%;
	--input: 35 20% 85%;
	--ring: 200 80% 22%;

	--radius: 0.5rem;

	--ocean: 200 80% 22%;
	--ocean-light: 200 60% 40%;
	--ocean-dark: 200 85% 15%;
	--sand: 35 35% 88%;
	--sand-light: 40 30% 97%;
	--sand-dark: 35 30% 75%;
	--gold: 38 70% 50%;
	--gold-light: 38 80% 65%;
	--sage: 150 20% 45%;
	--sage-light: 150 15% 90%;

	/* Overridden inline by inc/customizer.php when set via Aparência > Personalizar. */
	--nav-link: 40 30% 97%; /* defaults to the same value as --sand-light */
	--nav-font-size: 0.875rem; /* desktop header menu only — see app.css */

	--gradient-ocean: linear-gradient(135deg, hsl(200 85% 15%), hsl(200 80% 28%));
	--gradient-gold: linear-gradient(135deg, hsl(38 70% 50%), hsl(38 80% 65%));
	--gradient-sand: linear-gradient(180deg, hsl(40 30% 97%), hsl(35 35% 92%));
	--gradient-hero: linear-gradient(180deg, transparent 0%, hsl(200 85% 15% / 0.7) 100%);

	--shadow-soft: 0 4px 20px -4px hsl(200 80% 22% / 0.1);
	--shadow-medium: 0 8px 30px -6px hsl(200 80% 22% / 0.15);
	--shadow-strong: 0 20px 50px -12px hsl(200 80% 22% / 0.25);
	--shadow-gold: 0 4px 20px -4px hsl(38 70% 50% / 0.3);

	--font-serif: 'Playfair Display', Georgia, serif;
	--font-sans: 'DM Sans', system-ui, sans-serif;

	--transition-smooth: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	--transition-bounce: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.dark {
	--background: 210 25% 8%;
	--foreground: 40 25% 95%;
	--card: 210 25% 12%;
	--card-foreground: 40 25% 95%;
	--popover: 210 25% 8%;
	--popover-foreground: 40 25% 95%;
	--primary: 200 60% 50%;
	--primary-foreground: 210 25% 8%;
	--secondary: 210 20% 18%;
	--secondary-foreground: 40 25% 95%;
	--muted: 210 20% 18%;
	--muted-foreground: 210 15% 65%;
	--accent: 38 70% 55%;
	--accent-foreground: 210 25% 8%;
	--destructive: 0 62.8% 30.6%;
	--destructive-foreground: 210 40% 98%;
	--border: 210 20% 20%;
	--input: 210 20% 20%;
	--ring: 200 60% 50%;
}