/*
Theme Name: Skoonz
Theme URI: https://skoonz.nl
Author: Innovatie Media
Author URI: https://innovatiemedia.nl
Description: Maatwerkthema voor Schoonmaakbedrijf Skoonz. Blokken via ACF flexible content, Barba-transities, Lenis smooth scroll en GSAP-animaties. Opgezet vanuit het GD Verhuizen-thema.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: skoonz
*/

/* =========================================================
   Design tokens. Zelfde opzet en lettertypes als GD Verhuizen (Outfit voor
   koppen en tekst, Satoshi voor knoppen en UI), in de kleuren van Skoonz:
   zwart, donkerblauw #001B99 en lichtblauw #00AFFF (logo).
   ========================================================= */

:root {
	/* Kleur */
	--c-accent: #00afff;        /* lichtblauw: vlakken, stippen, accenten */
	--c-accent-dark: #009de5;   /* hover op lichtblauwe knoppen */
	--c-navy: #001b99;          /* donkerblauw: knoppen */
	--c-ink: #000000;           /* tekst en donkere vlakken */
	--c-white: #ffffff;
	--c-tint: #f6f6f4;          /* lichte warme ondergrond (kaartjes) */
	--c-beige: #f0efe9;         /* steunkleur: megamenu, offertepaneel, hover op kaartjes */
	--c-dot: #e9e9e9;           /* grijze kaartstippen */
	--c-line: rgba(0, 0, 0, 0.14);
	--c-mute: rgba(0, 0, 0, 0.6);
	--c-error: #d4351c;

	/* Typografie: Outfit (koppen, lopende tekst), Satoshi (knoppen, UI) */
	--f-display: "Outfit", "Manrope", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", "Noto Sans", sans-serif;
	--f-ui: "Satoshi", "Outfit", "Manrope", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", "Noto Sans", sans-serif;

	--fs-small: 0.875rem;                                     /* 14: knoppen */
	--fs-body: 1rem;                                          /* 16 */
	--fs-lead: clamp(1.125rem, 0.98rem + 0.4vw, 1.5rem);      /* 24: naam bij review */
	--fs-title: clamp(1.5rem, 1.2rem + 0.85vw, 1.875rem);     /* 30: koppen en quote */
	--fs-menu: clamp(2.25rem, min(1rem + 3.4vw, 7vh), 4.5rem);

	/* Ruimte */
	--gutter: clamp(1.25rem, 6vw, 5.6875rem);                 /* 91 */
	--gutter-header: clamp(1rem, 2vw, 1.875rem);              /* 30 */
	--content: 83.25rem;                                      /* 1332 */
	--section-y: clamp(5rem, 9vw, 9.375rem);                  /* 150 */

	/* Componenten */
	--topbar-h: 3.125rem;                                     /* 50 */
	--btn-h: 3.125rem;                                        /* 50 */
	--btn-px: 1.8125rem;                                      /* 29 */
	--radius-pill: 100px;

	/* Beweging */
	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--ease-skz: cubic-bezier(0.625, 0.05, 0, 1);
	--ease-spin: cubic-bezier(0.7, -0.35, 0.25, 1.45);

	--header-top: 0px;
}

/* Arabisch schrift is verbonden: geen letterafstand. */
:lang(ar) * { letter-spacing: 0 !important; }