/*
 * Mega-Ique — Variables de charte graphique (CLAUDE.md §4)
 * Palette "site internet" : bleu + rouge en principales, jaune en accent (sans abuser).
 */

:root {
	/* Couleurs principales */
	--mq-blue:        #38B6FF; /* bleu principal */
	--mq-red:         #D62424; /* rouge principal */
	--mq-yellow:      #FFBF00; /* accent (parcimonie) */

	/* Neutres */
	--mq-white:       #FFFFFF;
	--mq-black:       #1B1B1B; /* corps de texte */
	--mq-gray:        #A3AAA3; /* gris */

	/* Variantes utilitaires (dérivées) */
	--mq-blue-dark:   #1E93DC;
	--mq-red-dark:    #B11B1B;
	--mq-gray-light:  #F2F4F2;

	/* Rôles sémantiques */
	--mq-color-primary:   var(--mq-blue);
	--mq-color-secondary: var(--mq-red);
	--mq-color-accent:    var(--mq-yellow);
	--mq-color-text:      var(--mq-black);
	--mq-color-bg:        var(--mq-white);
	--mq-color-muted:     var(--mq-gray);

	/* Typographie — duo moderne optimisé web (décision validée par le client :
	 * la charte §4 n'est pas optimale pour le web, liberté de choix).
	 *   Titres : Sora (geometric sans, caractère « tech »)
	 *   Corps / UI / sous-titres : Inter (lisibilité web de référence)
	 */
	--mq-font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--mq-font-heading: 'Sora', 'Inter', system-ui, sans-serif;
	--mq-font-sub:     'Inter', system-ui, sans-serif;

	/* Espacements / rayons */
	--mq-radius:      8px;
	--mq-maxwidth:    1200px;
}

/*
 * Remappage de la palette globale d'Astra sur la charte Mega-Ique.
 * Astra génère --ast-global-color-0..8 et les utilise partout (liens, boutons,
 * titres, fonds). En les redéfinissant ici, on retinte tout Astra à la charte
 * sans modifier le thème parent ni connaître chaque sélecteur.
 *   0 = couleur thème/accent  | 1 = survol lien
 *   2 = titres                | 3 = texte courant
 *   4 = fond clair            | 5 = fond blanc/contenu
 *   6 = gris/bordures         | 7-8 = neutres
 */
:root {
	--ast-global-color-0: var(--mq-blue);
	--ast-global-color-1: var(--mq-blue-dark);
	--ast-global-color-2: var(--mq-black);
	--ast-global-color-3: var(--mq-black);
	--ast-global-color-4: var(--mq-gray-light);
	--ast-global-color-5: var(--mq-white);
	--ast-global-color-6: var(--mq-gray);
	--ast-global-color-7: var(--mq-blue);
	--ast-global-color-8: var(--mq-white);
}