/* ============================================================
AUTLHY — THÈME GLOBAL PARTAGÉ
Charge ce fichier EN DERNIER dans le de chaque page.
En prod : place-le dans static/css/ et lie-le via
============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Manrope:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');
/* ---- 1. TOKENS (surcharge des variables existantes) ---- */
:root{
--bg-color:#0a0a0c; --bg:#0a0a0c; --bg-black:#000; --bg-2:#0c0c0f; --bg-soft:#101013;
--text-color:#ffffff; --text:#ffffff;
--text-muted:rgba(255,255,255,.55); --text-faint:rgba(255,255,255,.35);
--accent-primary:#A569BD; --accent:#A569BD; --accent-light:#C9A0E0; --accent-dark:#7D3C98;
--accent-gradient:linear-gradient(135deg,#A569BD 0%,#7D3C98 100%);
--accent-glow:rgba(165,105,189,.4);
/* alias "or" hérités -> mauve */
--gold-primary:#A569BD; --gold-light:#C9A0E0; --gold-dark:#7D3C98;
--gold-gradient:linear-gradient(135deg,#A569BD 0%,#7D3C98 100%);
--gold-glow:rgba(165,105,189,.4);
--ok:#2ED477; --bad:#FF4D4D;
--card-bg:rgba(255,255,255,.03);
--glass-bg:rgba(255,255,255,.03); --glass-bg-hover:rgba(255,255,255,.06);
--glass-border:rgba(255,255,255,.08); --glass-blur:blur(14px);
--border-color:rgba(255,255,255,.08); --border:rgba(255,255,255,.08);
--navbar-bg:rgba(10,10,12,.82);
--modal-bg:#101013; --modal-overlay:rgba(0,0,0,.86);
--dropdown-bg:#101013;
--input-bg:rgba(255,255,255,.04); --input-border:rgba(255,255,255,.12);
--font-display:'Archivo',sans-serif;
--font-body:'Manrope',sans-serif;
--font-mono:'JetBrains Mono',monospace;
}
/* ---- 2. BASE ---- */
html{scroll-behavior:smooth;}
body{
font-family:'Manrope',sans-serif !important;
background:#0a0a0c !important;
color:#fff;
-webkit-font-smoothing:antialiased;
}
::selection{background:#A569BD;color:#fff;}
/* ---- 3. TYPOGRAPHIE — titres en Archivo, logos compris ---- */
h1,h2,h3,h4,h5,h6,
.logo,.logo-text,.nav-logo,.hero-logo,.hero-title,.section-title,
.contact-header h1,.section-header h2,.page-title,.formations-title{
font-family:'Archivo',sans-serif !important;
letter-spacing:-.01em;
}
/* Les gros titres en MAJ pour le punch streetwear */
.hero-title,.section-title,.contact-header h1,.section-header h2,.page-title,.formations-title{
text-transform:uppercase;
font-weight:900 !important;
}
/* Data / petites infos en mono là où c'est pertinent (opt-in via .mono) */
.mono,.cert-id,.confidence,.stat-label{font-family:'JetBrains Mono',monospace !important;}
/* Dégradés de titre hérités -> blanc->mauve cohérent */
.contact-header h1,.section-header h2{
background:linear-gradient(100deg,#fff 20%,#C9A0E0 100%) !important;
-webkit-background-clip:text !important;background-clip:text !important;
-webkit-text-fill-color:transparent !important;
}
/* ---- 4. NAV (couvre .navbar-custom ET