/**
 * AfroMag - Variables CSS globales.
 *
 * Le Customizer génère un bloc <style> dynamique (inc/customizer.php)
 * qui vient SURCHARGER ces valeurs par défaut (les options choisies par
 * l'utilisateur dans Apparence > Personnaliser). Ces variables restent
 * donc le "fallback" si aucune personnalisation n'a encore été faite.
 */

:root {
	/* Couleurs principales, basées sur le logo KPJ Media Group */
	--afromag-color-red: #E31E24;       /* accent : badges, ticker, liens actifs */
	--afromag-color-red-dark: #B0151A;  /* survol / états actifs */
	--afromag-color-black: #141414;     /* textes, footer, nav */
	--afromag-color-white: #FFFFFF;
	--afromag-color-gray-light: #F5F5F5; /* séparation de sections */
	--afromag-color-gray-medium: #6B6B6B; /* textes secondaires, métadonnées */
	--afromag-color-blue-accent: #1E5AA8; /* touche bleue issue du globe du logo */

	/* Typographie */
	--afromag-font-heading: "Playfair Display", Georgia, serif;
	--afromag-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--afromag-font-size-base: 16px;
	--afromag-line-height-base: 1.6;

	/* Layout */
	--afromag-container-width: 1200px;
	--afromag-gap: 24px;
	--afromag-radius: 6px;

	/* Header */
	--afromag-header-height: 84px;
}