/*
 * Sore Haarkliniek - shared tokens for opt-in custom surfaces.
 *
 * Keep Elementor/Vamtam kit variables in the original page-level inline CSS.
 * This file must not override .elementor-kit-* or generic body typography.
 */

body {
	--vamtam-site-max-width: 1280px;
	--vamtam-icon-symbol-oval: '\e900';
	--vamtam-icon-symbol: '\e901';
	--vamtam-icon-quote: '\e902';
	--vamtam-icon-percent: '\e903';
	--vamtam-icon-arrow-solid-bottom: '\e904';
	--vamtam-icon-arrow-solid-top: '\e905';
	--vamtam-icon-arrow-bottom: '\e906';
	--vamtam-icon-arrow-top: '\e907';
	--vamtam-icon-arrow-diagonal-bottom: '\e908';
	--vamtam-icon-arrow-diagonal-top: '\e909';
	--vamtam-icon-arrow-left: '\e90a';
	--vamtam-icon-arrow-right: '\e90b';
	--vamtam-icon-clock: '\e90c';
	--vamtam-icon-location: '\e90d';
	--vamtam-icon-mail: '\e90e';
	--vamtam-icon-shield: '\e910';
	--vamtam-icon-close: '\e91c';
	--vamtam-icon-plus: '\e920';
	--vamtam-icon-minus: '\e921';
	--vamtam-icon-mobile-nav: '\e91d';
	--vamtam-icon-individual: '\e911';
	--vamtam-icon-Facilities: '\e912';
	--vamtam-icon-care: '\e913';
	--vamtam-icon-pdf: '\e914';
	--vamtam-icon-gift: '\e915';
	--vamtam-loading-animation: none;
}

:root {
	--sore-primary:          #094F89;  /* Soré Blue (logo) */
	--sore-accent:           #FF730F;  /* Soré Orange (accent, ~10% use) */
	--sore-hover:            #0E3166;  /* Soré Navy (deep) */
	--sore-navy:             #0E3166;
	--sore-sage:             #D5E8DF;
	--sore-bg-light:         #fbfbfb;
	--sore-text:             #070807E6;
	--sore-text-muted:       #07080799;
	--sore-white:            #FFFFFF;
	--sore-white-glass:      #FFFFFF33;
	--sore-border:           #eeeeee;
	--sore-overlay:          #FFFFFFCC;

	--sore-radius: 16px;
	--sore-radius-sm: 10px;
	--sore-radius-lg: 24px;

	--sore-shadow-card:      0 10px 28px rgba(5, 73, 119, 0.06);
	--sore-shadow-btn:       0 8px 18px rgba(5, 73, 119, 0.10);

	--sore-space-xs:         4px;
	--sore-space-sm:         8px;
	--sore-space-md:         16px;
	--sore-space-lg:         24px;
	--sore-space-xl:         40px;
	--sore-space-2xl:        64px;

	--sore-section-pad-lg:   80px;
	--sore-section-pad-md:   50px;
	--sore-section-pad-sm:   40px;

	--sore-font-heading:     "Bricolage Grotesque", "Ovo", serif;
	--sore-font-body:        "Outfit", "Inter", sans-serif;

	--sore-text-body:        14px;
	--sore-text-sm:          12px;
	--sore-text-lg:          16px;
	--sore-text-h4:          24px;
	--sore-text-h3:          34px;
	--sore-text-h2:          48px;
	--sore-text-h1:          60px;

	--sore-lh-body:          1.6;
	--sore-lh-heading:       1.1;
	--sore-lh-h2:            1;
	--sore-lh-h3:            1.2;
	--sore-lh-h4:            1.5;
	--sore-tracking-body:    0;
	--sore-tracking-heading: 0;

	--sore-max-width:        1280px;
	--sore-content-width:    840px;
	--sore-shell-max:        1280px;
	--sore-shell-gutter:     clamp(16px, calc(10px + 1.25vw), 32px);
	--sore-shell-width:      min(var(--sore-shell-max), calc(100vw - (2 * var(--sore-shell-gutter))));
}