/*
 * Design tokens — bron van waarheid: infynique-web/src/app/globals.css.
 * Prefix "--infynique-" i.p.v. de kortere namen in de Next.js-referentie
 * (bv. "--terracotta-ink"), om nooit te kunnen botsen met andere plugins/
 * thema's op dezelfde WordPress-installatie.
 */
:root {
	--infynique-ivory: #F6F1E8;
	--infynique-warm-cream: #EFE6D8;
	--infynique-soft-sand: #E3D6C1;
	--infynique-warm-taupe: #B59F8A;
	--infynique-deep-green: #1F3D33;
	--infynique-terracotta: #C46B4A;
	--infynique-terracotta-ink: #A85638;
	--infynique-charcoal: #2B2B2B;
	--infynique-espresso: #3A2A20;

	--infynique-font-heading: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
	--infynique-font-body: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	--infynique-space-xs: 0.5rem;
	--infynique-space-sm: 1rem;
	--infynique-space-md: 2rem;
	--infynique-space-lg: 4rem;
	--infynique-space-xl: 6rem;

	--infynique-radius: 1rem;
	--infynique-radius-lg: 1.5rem;
	--infynique-radius-pill: 999px;

	--infynique-container-prose: 42rem;
	--infynique-container-default: 64rem;
	--infynique-container-wide: 72rem;

	--infynique-shadow-soft: 0 1px 2px rgba(43, 43, 43, 0.04), 0 8px 24px rgba(43, 43, 43, 0.06);
	--infynique-shadow-card: 0 2px 6px rgba(43, 43, 43, 0.05), 0 14px 40px rgba(31, 61, 51, 0.07);
	--infynique-shadow-lift: 0 4px 12px rgba(43, 43, 43, 0.07), 0 24px 60px rgba(31, 61, 51, 0.1);
}