/*
 * Design tokens copied verbatim from the React site's src/index.css
 * (:root block only — no dark mode here, the public site doesn't expose a
 * toggle either). Keep these two files in sync by hand whenever the palette
 * changes; see the theme README note in functions.php for the rationale.
 */

:root {
	--background: 36 25% 97%;
	--foreground: 20 14% 11%;

	--card: 0 0% 100%;
	--card-foreground: 20 14% 11%;

	--primary: 345 55% 40%;
	--primary-foreground: 36 25% 97%;
	--primary-hover: 345 58% 33%;

	--secondary: 36 32% 93%;
	--secondary-foreground: 20 14% 11%;

	--muted: 33 15% 92%;
	--muted-foreground: 30 8% 40%;

	--accent: 33 15% 92%;
	--accent-foreground: 20 14% 11%;

	--border: 30 14% 80%;

	--radius: 0.375rem;

	/* Dark "ink" section tokens (footer, overlays) */
	--ink: 20 18% 8%;
	--ink-foreground: 36 20% 95%;
	--ink-muted: 30 8% 65%;
	--ink-border: 30 12% 20%;

	--gradient-subtle: linear-gradient(180deg, hsl(36 25% 97%) 0%, hsl(36 32% 93%) 100%);

	--shadow-sm: 0 1px 2px 0 hsl(20 14% 11% / 0.04);
	--shadow-md: 0 4px 6px -1px hsl(20 14% 11% / 0.06);
	--shadow-lg: 0 12px 30px -8px hsl(20 14% 11% / 0.12);
}