@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
/* ============================================================
   DAT'ASBH — Design system autonome
   À lier sur les pages SANS sidebar (index.php, login.php, portails).
   Les pages avec sidebar reçoivent déjà ces styles via sidebar.php.
   ============================================================ */
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;}
:root{
  --ui-accent:#ffd24a; --ui-accent-2:#f5b301;
  --ui-border:rgba(255,255,255,.09);
  --ui-shadow:0 4px 18px rgba(0,0,0,.28);
  --ui-shadow-lg:0 18px 50px rgba(0,0,0,.5);
  --ui-ok:#34d399; --ui-warn:#fbbf24; --ui-bad:#f87171; --ui-info:#60a5fa;
}
*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent;}
*::-webkit-scrollbar{width:9px;height:9px;}
*::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:6px;}
*::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.32);}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
h1{letter-spacing:-.02em;} h2,h3{letter-spacing:-.01em;}
a,button{transition:all .15s ease;}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px;border-radius:6px;}
input,select,textarea{color-scheme:dark;}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(255,210,74,.35);}

/* Cartes premium */
.team-card,[class*="hover:scale"]{will-change:transform;}
.team-card:hover{box-shadow:var(--ui-shadow-lg)!important;}

/* Halo de marque discret en fond */
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(60rem 60rem at 12% -10%, rgba(160,14,15,.16), transparent 60%),
    radial-gradient(50rem 50rem at 100% 0%, rgba(30,58,95,.20), transparent 55%);
}
body > *{position:relative;z-index:1;}

/* Badges réutilisables */
.ui-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .6rem;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.3px;border:1px solid transparent;}
.ui-badge-ok{background:rgba(52,211,153,.15);color:var(--ui-ok);border-color:rgba(52,211,153,.35);}
.ui-badge-warn{background:rgba(251,191,36,.15);color:var(--ui-warn);border-color:rgba(251,191,36,.35);}
.ui-badge-bad{background:rgba(248,113,113,.15);color:var(--ui-bad);border-color:rgba(248,113,113,.35);}
.ui-badge-info{background:rgba(96,165,250,.15);color:var(--ui-info);border-color:rgba(96,165,250,.35);}