/* ============================================================================
   Thème AIRA : SEULE SOURCE des couleurs, polices et formes du site
   ============================================================================
   11/10/2026, demande du propriétaire : « le portail doit avoir le même thème que
   l'accueil, et tout ce qui concerne le thème et les couleurs doit être centralisé ».
   Valeurs reprises de la vitrine (maquette « AIRA.html » du 10/10) : fond presque
   noir, texte clair, UN accent, bleu glacier. Lu par la vitrine et /connexion
   (index.html, via build_site.py) et par l'espace client (dashboard.html).
   Ne recopier aucune de ces valeurs ailleurs : on lit la variable. Documentation :
   docs/context/produit/palettes-couleurs.md.

   Les couleurs d'ÉTAT (succès, attention, danger) ne sont pas de la décoration :
   elles disent quelque chose (MFA coupé, application publique). Elles gardent
   leur sens et leur contraste ; seul l'accent change de teinte.

   Les variantes transparentes passent par les triplets `-rgb` :
       background: rgb(var(--aira-accent-rgb) / .12);
   ============================================================================ */
:root {
    /* Fonds, du plus profond au plus élevé */
    --aira-fond: #07090C;
    --aira-fond-rgb: 7 9 12;
    --aira-surface: #0C1016;          /* cartes, barre latérale */
    --aira-surface-2: #11161E;        /* champs, cartes dans une carte */
    --aira-surface-3: #171D26;        /* survol */

    /* Textes. #8A96A6 et pas plus sombre : 4,5:1 minimum sur ces fonds */
    --aira-encre: #E8EDF3;
    --aira-encre-rgb: 232 237 243;
    --aira-texte2: #A8B3C2;
    --aira-texte3: #8A96A6;

    /* Logo officiel (emblème « A et aigle », logo-aira.md) : sa couleur propre, pas celle du texte */
    --aira-logo: #F2F6FE;

    /* Accent unique : bleu glacier */
    --aira-accent: #8CCBF5;
    --aira-accent-rgb: 140 203 245;
    --aira-accent-clair: #C9E6FA;      /* titres en italique, texte sur fond d'accent doux */
    --aira-accent-fonce: #5FA8DA;      /* liens et anneaux sur fond clair */

    /* Filets */
    --aira-filet: rgba(180, 200, 230, .09);
    --aira-filet2: rgba(180, 200, 230, .16);
    --aira-filet-fort: rgba(180, 200, 230, .26);

    /* États (sens conservé, lisibles sur fond sombre) */
    --aira-ok: #34D399;
    --aira-ok-rgb: 52 211 153;
    --aira-attention: #FBBF24;
    --aira-attention-rgb: 251 191 36;
    --aira-danger: #F87171;
    --aira-danger-rgb: 248 113 113;
    --aira-danger-fort: #EF4444;
    --aira-danger-texte: #FCA5A5;

    /* Polices (chargées par chaque page : Geist, Geist Mono, Instrument Serif) */
    --aira-police: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --aira-police-mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', monospace;
    --aira-police-serif: 'Instrument Serif', Georgia, serif;

    /* Formes et mouvement */
    --aira-rayon: 14px;
    --aira-rayon-sm: 10px;
    --aira-pilule: 999px;
    --aira-ease: cubic-bezier(.2, .7, .1, 1);

    /* Boutons : action principale claire, secondaire en filet (comme la vitrine) */
    --aira-bouton-fond: #E8EDF3;
    --aira-bouton-encre: #07090C;
    --aira-bouton-fond-survol: #FFFFFF;
}