/*
 * Charte graphique commune — portfolio Alexandra Barbin et Sacred Futurism.
 *
 * Source unique des couleurs :
 *   - le portfolio l'importe dans src/app/globals.css (incluse dans la feuille
 *     de style au moment du build) ;
 *   - les pages Sacred Futurism (src/content/*.html) la chargent avec
 *     <link rel="stylesheet" href="/charte.css">.
 *
 * Rôles des couleurs (les mêmes sur les deux sites) :
 *   noir    fond des pages
 *   jaune   libellés de section, boutons du portfolio
 *   lilas   mots mis en avant dans les titres, liens, boutons de Sacred Futurism
 *   orange  petite touche : logo, menu de gauche, survol du menu, halos doux
 *   bleu    profondeur : halos et dégradés du fond
 *
 * Accessibilité (texte sur le noir) : jaune ≈ 15:1, lilas ≈ 8:1, orange ≈ 8:1.
 * Le violet #7104d9 de la charte ne sert pas au texte (≈ 2,6:1), seulement en décor.
 *
 * Typographies : titres, libellés et boutons en Oswald ; paragraphes en police
 * système ; logos (ALEXANDRA BARBIN, SACRED FUTURISM) en League Gothic.
 */
:root {
  /* Sites sombres : formulaires, barres de défilement… en version sombre, et pas de
     « mode sombre automatique » du navigateur par-dessus. */
  color-scheme: dark;

  --charte-noir: #11041b;
  --charte-jaune: #ffde59;
  --charte-lilas: #b49be8;
  --charte-orange: #ff8c4d;
  --charte-bleu: #000175;
  --charte-violet: #7104d9;

  /* Dérivés : cartes (noir teinté de lilas) et liserés. */
  --charte-carte: #1a0e27;
  --charte-liseret: rgba(180, 155, 232, 0.2);
  --charte-encre: #11041b; /* texte posé sur le jaune ou le lilas */
}