/* =============================================================================
   Historica Suëstra — Site-wide Brand Tokens
   Beschikbaar in elke Cornerstone-pagina via var(--hs-*)
   ============================================================================= */

:root {
	/* Kleuren */
	--hs-ivory:      #F5EDDE;
	--hs-ivory-deep: #EBE0CB;
	--hs-ivory-warm: #EFE3CC;
	--hs-ink:        #2A1B33;
	--hs-ink-soft:   #4A3A4F;
	--hs-purple:     #4A2D6B;
	--hs-teal:       #2D8E83;
	--hs-amber:      #E89234;
	--hs-gold:       #B8893E;

	/* Gradient (logo-paars → teal → amber) */
	--hs-gradient:        linear-gradient(135deg, #4A2D6B 0%, #2D8E83 52%, #E89234 100%);
	--hs-gradient-soft:   linear-gradient(135deg, rgba(74,45,107,.92) 0%, rgba(45,142,131,.92) 52%, rgba(232,146,52,.92) 100%);

	/* Typografie — fonts worden site-wide ingeladen via functions.php */
	--hs-font-display:    "Fraunces", "Cormorant Garamond", Georgia, serif;
	--hs-font-body:       "Mali", -apple-system, "Segoe UI", system-ui, sans-serif;

	/* Schaduwen + overige tokens */
	--hs-shadow-warm:     0 14px 30px rgba(74,45,107,.10);
	--hs-shadow-deep:     0 30px 60px -30px rgba(74,45,107,.30);
}