/**
 * Design tokens – couleurs, typo, spacing, radius, shadows.
 * Chargé en premier ; style.css, tablet.css, mobile.css en dépendent.
 */
:root {
	--iwt-primary: #6848A3;
	--iwt-primary-light: #B066FC;
	--iwt-dark: #261A3B;
	--iwt-darkest: #150F21;
	--iwt-white: #FFFFFF;
	--iwt-white-muted: #FFFFFFB3;
	--iwt-bg-light: #FBFBFB;
	--iwt-bg-light-alt: #F8F8F8;
	--iwt-text-muted: #5C5C5C;
	--iwt-border: #D1D1D1;

	/* Couleurs titres (sémantique) */
	--iwt-heading: #150F21;
	--iwt-heading-on-dark: #FFFFFF;

	/* Liens */
	--iwt-link: var(--iwt-primary);
	--iwt-link-hover: var(--iwt-primary-light);

	/* Typography – échelle sémantique (éditer ici = tout le thème)
	 * fs = caption/small/body/lead (texte) | h6→h1 (titres) | subtitle/display
	 * lh = tight/title/body/loose | display/display-sm/hero */
	--iwt-font-sans: 'Plus Jakarta Sans', sans-serif;
	--iwt-fs-caption: 12px;
	--iwt-fs-small: 14px;
	--iwt-fs-body: 16px;
	--iwt-fs-lead: 18px;
	--iwt-fs-h6: 18px;
	--iwt-fs-h5: 20px;
	--iwt-fs-h4: 24px;
	--iwt-fs-h3: 28px;
	--iwt-fs-h2: 40px;
	--iwt-fs-h1: 60px;
	--iwt-fs-subtitle: 30px;
	--iwt-fs-display: 60px;
	--iwt-lh-tight: 1.2;
	--iwt-lh-title: 1.2;
	--iwt-lh-body: 1.5;
	--iwt-lh-loose: 1.6;
	--iwt-lh-display: 60px;
	--iwt-lh-display-sm: 47px;
	--iwt-lh-hero: 1;
	--iwt-fw-light: 300;
	--iwt-fw-normal: 400;
	--iwt-fw-medium: 500;
	--iwt-fw-semibold: 600;
	--iwt-fw-bold: 700;

	/* Radius */
	--iwt-radius-card: 20px 0px;
	--iwt-radius-card-inverse: 0px 20px;
	--iwt-radius-card-tl: 20px 0px 0px 0px;
	--iwt-radius-card-all-inverse: 0px 20px 0px 20px;
	--iwt-radius-pill: 55px;

	/* Shadows */
	--iwt-shadow-card: 0px 3px 20px #00000029;
	--iwt-shadow-card-sm: 0px 3px 6px #00000029;
	--iwt-shadow-card-light: 0px 3px 20px #0000000D;
	--iwt-shadow-glow: -10px -10px 30px #B066FC19;
	--iwt-shadow-glow-r: 10px -10px 30px #B066FC19;

	/* Spacing – 6 steps, max 60px */
	--iwt-space-1: 10px;
	--iwt-space-2: 20px;
	--iwt-space-3: 30px;
	--iwt-space-4: 40px;
	--iwt-space-5: 50px;
	--iwt-space-6: 60px;

	/* Section vertical rhythm – 4 niveaux */
	--iwt-section-y-sm: var(--iwt-space-4);
	--iwt-section-y-md: var(--iwt-space-5);
	--iwt-section-y-lg: var(--iwt-space-6);
	--iwt-section-y-xl: var(--iwt-space-6);
}

/* Tablette : surcharge titres + section-y */
@media (max-width: 1023px) {
	:root {
		--iwt-fs-h1: 35px;
		--iwt-fs-h2: 25px;
		--iwt-fs-h3: 20px;
		--iwt-fs-h4: 19px;
		--iwt-fs-h5: 17px;
		--iwt-fs-h6: 15px;
		--iwt-section-y-sm: var(--iwt-space-4);
		--iwt-section-y-md: var(--iwt-space-5);
		--iwt-section-y-lg: var(--iwt-space-6);
		--iwt-section-y-xl: var(--iwt-space-6);
	}
}

/* Mobile : surcharge titres + section-y */
@media (max-width: 767px) {
	:root {
		--iwt-fs-h1: 35px;
		--iwt-fs-h2: 25px;
		--iwt-fs-h3: 20px;
		--iwt-fs-h4: 19px;
		--iwt-fs-h5: 17px;
		--iwt-fs-h6: 15px;
		--iwt-section-y-sm: var(--iwt-space-3);
		--iwt-section-y-md: var(--iwt-space-4);
		--iwt-section-y-lg: var(--iwt-space-5);
		--iwt-section-y-xl: var(--iwt-space-6);
	}
}