/*
 * Fallback custom-property defaults. The authoritative values are injected
 * inline in <head> by ThemeVarsBuilder (plugin) per §10/§11 — this file only
 * guarantees every var resolves to something sane before that block loads
 * or if the plugin is ever deactivated.
 */
:root {
	--accent: #6e1f2a;
	--accent-dark: #8f2d3b;
	--accent-foreground: #faf6f1;
	/* Accent shade safe as text on --background; the plugin recomputes this
	   per accent by WCAG contrast (Accents::readable_on). */
	--accent-readable: #6e1f2a;
	/* Header tint over the hero; admin-controlled via Appearance. */
	--header-opacity: 14%;
	--header-opacity-solid: 74%;
	/* Header's own colour (FR-01). Defaults to the accent so an untouched
	   site renders exactly as it did before the setting existed. */
	--header-bg: #6e1f2a;
	--header-fg: #faf6f1;
	/* Footer surface (FR-08.2). The copyright bar reads the same tokens,
	   which is what keeps the two seamless (FR-09.2). */
	--footer-bg: #14181f;
	--footer-fg: #faf6f1;
	--footer-muted: #b9bcc2;
	--footer-logo-max-h: 64px;
	--background: #f9f0e4;
	--foreground: #171310;
	--pattern-css: background: none;
	--pattern-opacity: 0.06;
	--font-headings: "Fraunces", Georgia, "Times New Roman", serif;
	--font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--font-nav: var(--font-body);
	--font-buttons: var(--font-body);
	--font-hero: var(--font-headings);
	--font-accents: var(--font-body);
	--heading-color: inherit;
	--body-color: inherit;
	--radius: 6px;
	--density: 1;
	--grain-opacity: 0;
	--glass-blur: 12px;
	--motion-duration: 600ms;
	--motion-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--motion-distance: 12px;
	--motion-stagger: 70ms;
	--parallax-intensity: 0.2;
}

:root[data-theme="dark"] {
	--background: #161b28;
	--foreground: #faf6f1;
	--accent: var(--accent-dark);
	--accent-readable: #d99aa3;
	--header-bg: #8f2d3b;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--motion-duration: 0ms !important;
		--motion-ease: linear !important;
		--motion-distance: 0px !important;
		--motion-stagger: 0ms !important;
		--parallax-intensity: 0 !important;
	}
}
