/* Définit toutes les couleurs du site, en thème sombre et en thème clair : la seule source des couleurs.
   Tout le reste du CSS lit ces jetons ; une couleur écrite en dur ailleurs ne suivrait pas le thème.
   Le thème actif est l'attribut data-theme de <html>, posé avant le premier affichage par
   js/theme-init.js (choix mémorisé, sinon préférence du système). Les contrastes de ces valeurs sont
   vérifiés par tools/check_contrast.py, qui lit ce fichier.

   --sydney-global-color-N : les couleurs globales du thème Sydney, déjà utilisées par ses blocs.
     1 lien / accent, 2 survol, 3-4 titres, 5 texte atténué, 6 et 9 fond, 7 carte, 8 bordure.
   --altaira-* : ce que Sydney écrit en dur (sans variable), repris dans css/theme-colors.css.
   !important : le thème réécrit ses propres couleurs globales plus loin dans la page ; sans lui, elles
   gagneraient. */

:root {
  --sydney-global-color-1: #ff9a3c !important;
  --sydney-global-color-2: #ffc37b !important;
  --sydney-global-color-3: #faedd9 !important;
  --sydney-global-color-4: #faedd9 !important;
  --sydney-global-color-5: #b8afa0 !important;
  --sydney-global-color-6: #0a0a0a !important;
  --sydney-global-color-7: #171310 !important;
  --sydney-global-color-8: #332c22 !important;
  --sydney-global-color-9: #0a0a0a !important;
  --altaira-body-text: #e8e6e0 !important;
  --altaira-body-bg: #0a0a0a !important;
  --altaira-heading: #faedd9 !important;
  --altaira-nav-text: #fff !important;
  --altaira-nav-hover: #ffc37b !important;
  --altaira-muted-text: #b8afa0 !important;
  --altaira-icon: #fff !important;
  /* Mise en avant dans le texte et filet des points clés (css/content-blocks.css) : l'ambre de marque. */
  --altaira-keyword: #ff9a3c;

  /* Mêmes valeurs dans les deux thèmes : l'ambre de marque reste plein sur les boutons (le texte navy y
     garde 8,9:1 de contraste), seul l'ambre des LIENS est assombri en clair. */
  --altaira-button-bg: #ff9a3c;
  --altaira-button-bg-hover: #ffc37b;
  --altaira-button-text: #00102e;
  --altaira-button-outline-hover-bg: #fff;

  /* Couleur « blanc » des blocs WordPress : sur ce site, c'est la couleur des cartes. */
  --wp--preset--color--white: var(--sydney-global-color-7) !important;
}

/* Thème clair : pas l'inverse mécanique du sombre (voir docs/theme.md).
   L'ambre des liens est plus soutenu que celui des boutons : l'ambre clair manque de contraste sur blanc. */
:root[data-theme='light'] {
  --sydney-global-color-1: #a15917 !important;
  --sydney-global-color-2: #8f4e13 !important;
  --sydney-global-color-3: #0a0a0a !important;
  --sydney-global-color-4: #0a0a0a !important;
  --sydney-global-color-5: #6b6558 !important;
  --sydney-global-color-6: #fafafa !important;
  --sydney-global-color-7: #f1eee7 !important;
  --sydney-global-color-8: #dcd5c6 !important;
  --sydney-global-color-9: #fafafa !important;
  --altaira-body-text: #3a362f !important;
  --altaira-body-bg: #fafafa !important;
  --altaira-heading: #0a0a0a !important;
  --altaira-nav-text: #211d17 !important;
  --altaira-nav-hover: #8f4e13 !important;
  --altaira-muted-text: #57524a !important;
  --altaira-icon: #211d17 !important;
  /* Plus soutenu que l'ambre des liens : une mise en avant doit ressortir du texte atténué qui l'entoure. */
  --altaira-keyword: #8a4712;
  /* Lune de l'éclipse (css/eclipse.css) : un aplat clair, pas l'encre ; le texte qui passe devant pendant le
     défilement reste lisible (encre sur beige). */
  --altaira-moon: var(--sydney-global-color-8);
}