/* EDGE : habillage du portail de connexion Authelia (injecté par nginx, /opt/edge/nginx/default.conf). Charte EDGE V1, confirmée par Marco le 01/10 :
   noir et blanc d'abord (fond #F5F4F0, carte blanche, texte et bouton noirs #141414, gris #5E5D59, lignes #E2E0DA), l'orange EDGE #CB5A00 en simple
   touche (flèche du logo, focus, barre de chargement) et l'orange texte #A94B00 pour les liens. Polices Jost (titres) et IBM Plex Sans (texte), servies par nginx.
   Les variables sont forcées (!important, y compris sur [data-theme]) pour que les pages après connexion (réglages, second facteur) n'aient plus de bleu. */
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 400; font-display: swap; src: url('/authelia/edge/fonts/jost-400.woff2') format('woff2'); }
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 500; font-display: swap; src: url('/authelia/edge/fonts/jost-500.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('/authelia/edge/fonts/ibmplexsans-400.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('/authelia/edge/fonts/ibmplexsans-500.woff2') format('woff2'); }
:root, body, #root, [data-theme], [data-theme="light"], [data-theme="dark"], [data-theme="grey"], [data-theme="oled"] {
  --background: #F5F4F0 !important; --foreground: #141414 !important; --card: #FFFFFF !important; --card-foreground: #141414 !important; --popover: #FFFFFF !important; --popover-foreground: #141414 !important;
  --primary: #141414 !important; --primary-foreground: #FFFFFF !important; --secondary: #5E5D59 !important; --secondary-foreground: #FFFFFF !important;
  --muted: #EDEBE5 !important; --muted-foreground: #5E5D59 !important; --accent: #EDEBE5 !important; --accent-foreground: #141414 !important;
  --border: #E2E0DA !important; --input: #C9C7C0 !important; --ring: rgba(203, 90, 0, 0.35) !important; --radius: 10px !important;
  --destructive: #B3261E !important; --destructive-foreground: #FFFFFF !important; --success: #2F7A4D !important; --success-foreground: #FFFFFF !important;
  --warning: #CB5A00 !important; --warning-foreground: #141414 !important; --info: #5E5D59 !important; --info-foreground: #FFFFFF !important;
  --custom-icon: #141414 !important; --custom-loading-bar: #CB5A00 !important; --divider: rgba(20, 20, 20, 0.12) !important;
  --font-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color-scheme: light;
}
.text-\[\#5858ff\] { color: #A94B00 !important; }
html, body, #root { background: #F5F4F0 !important; color: #141414; color-scheme: light; }
body, button, input, label, a, p, span, div { font-family: var(--font-sans); }
h1, h2, h3, h4, h5, h6 { font-family: 'Jost', var(--font-sans) !important; font-weight: 400; letter-spacing: 0.02em; color: #141414; }
img[alt="Logo"] { content: url("/authelia/edge/logo.png?v=clair1"); width: 12.5rem !important; max-width: 70vw; height: auto !important; margin: 0 auto 1.25rem; }
h5 { font-size: 1.55rem !important; color: #141414 !important; }
[id$="-stage"] > div > div { background: #FFFFFF; border: 1px solid #E2E0DA; border-radius: 16px; padding: 2.25rem 2rem 1.75rem; }
input { background: #FFFFFF !important; color: #141414 !important; border-color: #C9C7C0 !important; border-radius: 10px !important; caret-color: #141414; }
input:-webkit-autofill, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset !important; -webkit-text-fill-color: #141414 !important; }
input:focus { border-color: #CB5A00 !important; box-shadow: 0 0 0 3px rgba(203, 90, 0, 0.16) !important; }
label { color: #5E5D59 !important; }
button[type="submit"], button.bg-primary { background: #141414 !important; color: #FFFFFF !important; text-transform: none !important; font-weight: 500 !important; font-size: 0.95rem !important; letter-spacing: 0.02em; height: 3rem !important; border-radius: 10px !important; }
button[type="submit"]:hover, button.bg-primary:hover { background: #2B2B2B !important; }
button.text-primary, a.text-primary, a { color: #A94B00 !important; }
button:focus-visible, a:focus-visible { outline: 2px solid #CB5A00 !important; outline-offset: 2px; }
#language-button { color: #5E5D59 !important; }
svg.lucide { color: #5E5D59; }
a[href="https://www.authelia.com"] { display: none !important; }
#edge-foot { position: fixed; left: 0; right: 0; bottom: 14px; text-align: center; font-family: var(--font-sans); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: #8A8883; pointer-events: none; }
#edge-foot b { color: #141414; font-weight: 500; }
@media (max-width: 480px) { [id$="-stage"] > div > div { padding: 1.5rem 1.1rem; } img[alt="Logo"] { width: 10rem !important; } }