/* Habillage du portail Authelia — Espace AMC & DSF Moto.
   Servi par Apache sous /habillage/ (serveur/apache/auth-fabien-le-ssl.conf), appelé en ?v=N.

   Sobre et sombre, comme l'administration : fond #151515 des sites d'origine,
   bouton d'action en bleu AMC, vert DSF en touche (anneau de focus, barre de
   chargement), filet bicolore en haut de page. Aucune police externe : pile
   système, aucune requête vers un tiers.

   Ce fichier ne fait que deux choses :
   1) redéfinir les tokens d'Authelia (seule surface stable — une mise à jour
      peut renommer une classe, jamais un token) ;
   2) poser la typographie sur des SÉLECTEURS D'ÉLÉMENTS, jamais sur des classes.

   ⚠️ Authelia déclare ses tokens sur :root ET [data-theme=…] : on reprend les
      mêmes sélecteurs, sinon la feuille ne l'emporte pas partout.
   ⚠️ CSP du portail en style-src 'self' + nonce : un <style> injecté depuis la
      console est IGNORÉ en silence. Mettre au point via cette feuille seulement. */

:root,
[data-theme="light"],
[data-theme="dark"],
[data-theme="grey"]{
  --background: #151515;
  --foreground: #ECEEF2;

  --card: #1E1F22;
  --card-foreground: #ECEEF2;

  --popover: #1E1F22;
  --popover-foreground: #ECEEF2;

  --primary: #007CFF;                 /* bleu AMC : bouton « Se connecter » */
  --primary-foreground: #FFFFFF;

  --secondary: #4DA3FF;               /* liens, lisibles sur fond sombre */
  --secondary-foreground: #151515;

  --muted: #26282C;
  --muted-foreground: #A3A8B3;

  --accent: #26282C;
  --accent-foreground: #ECEEF2;

  --destructive: #FF6B6B;
  --destructive-foreground: #151515;

  --success: #1DB000;                 /* vert DSF */
  --warning: #FFB74D;
  --info: #4DA3FF;

  --border: #34373D;
  --input: #34373D;
  --ring: #1DB000;                    /* anneau de focus vert DSF, contraste sûr sur #151515 */

  --radius: .5rem;

  --custom-icon: #ECEEF2;
  --custom-loading-bar: #1DB000;
  --divider: #34373D;
}

body, input, button, select, textarea{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
h1, h2, h3, h4, h5{
  font-weight: 700;
  letter-spacing: .01em;
}

/* Filet bicolore : les deux concessions, un seul accès. */
body::before{
  content: "";
  position: fixed; top: 0; left: 0; right: 0; height: 4px; z-index: 10;
  background: linear-gradient(90deg, #007CFF 0 50%, #1DB000 50% 100%);
}

/* La carte, ciblée par l'ID DE LA SCÈNE (plus stable qu'une classe Tailwind).
   Si Authelia renommait ses scènes, la carte disparaîtrait sans rien casser. */
#first-factor-stage > div,
#second-factor-stage > div,
[id$="-view"] > div,
[id$="-stage"] > div{
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 26px 22px 20px;
}