/* ════════════════════════════════════════════════════════════
   SKIN AURORA — site public Max Informatique
   Même identité que l'admin : sombre chaud, dégradés violet→cyan,
   accents émeraude/ambre/rose. Chargé après les styles de chaque page.
   ════════════════════════════════════════════════════════════ */

:root{
  --au-violet:#a78bfa; --au-cyan:#22d3ee; --au-emeraude:#34d399;
  --au-ambre:#fbbf24; --au-rose:#fb7185;
  --au-fond:#0d0e1e; --au-surface:#141530;
  --au-grad:linear-gradient(135deg,#a78bfa 0%,#22d3ee 100%);
}

/* Fond : nappe aurora douce par-dessus le fond existant */
body{background:var(--au-fond)!important}
body::after{
  content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(60% 50% at 10% 0%,rgba(167,139,250,.09),transparent 60%),
    radial-gradient(50% 45% at 95% 15%,rgba(34,211,238,.07),transparent 60%),
    radial-gradient(45% 45% at 80% 100%,rgba(52,211,153,.05),transparent 60%);
  animation:auShiftSite 32s ease-in-out infinite alternate;
}
@keyframes auShiftSite{from{opacity:.7}to{opacity:1}}
@media(prefers-reduced-motion:reduce){body::after{animation:none}}

/* Titres de sections : dégradé signature */
.section-title{
  background:linear-gradient(135deg,#efeaff 10%,#a78bfa 55%,#22d3ee 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

/* Boutons principaux */
.btn-primary{
  background:var(--au-grad)!important;border:none!important;color:#0d0e1e!important;
  font-weight:800!important;box-shadow:0 4px 18px rgba(167,139,250,.28);
  transition:transform .18s,box-shadow .18s,filter .18s!important;
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(34,211,238,.32);filter:brightness(1.07)}

/* Cartes des pôles de services */
.pole-card{
  background:linear-gradient(180deg,var(--au-surface),rgba(20,21,48,.75))!important;
  border:1px solid rgba(167,139,250,.14)!important;
  transition:transform .25s,border-color .25s,box-shadow .25s!important;
}
.pole-card:hover{
  transform:translateY(-5px);
  border-color:rgba(167,139,250,.35)!important;
  box-shadow:0 14px 40px rgba(167,139,250,.14);
}
/* Icônes des pôles : couleurs qui tournent, comme les stat-cards de l'admin */
.pole-card:nth-of-type(5n+1) .pole-ico{filter:drop-shadow(0 0 12px rgba(34,211,238,.5))}
.pole-card:nth-of-type(5n+2) .pole-ico{filter:drop-shadow(0 0 12px rgba(167,139,250,.5))}
.pole-card:nth-of-type(5n+3) .pole-ico{filter:drop-shadow(0 0 12px rgba(52,211,153,.5))}
.pole-card:nth-of-type(5n+4) .pole-ico{filter:drop-shadow(0 0 12px rgba(251,191,36,.5))}
.pole-card:nth-of-type(5n+5) .pole-ico{filter:drop-shadow(0 0 12px rgba(251,113,133,.5))}

/* Cartes services (accueil) */
.scp-title{color:#efeaff}
.scp-img{border-color:rgba(167,139,250,.18)!important}

/* Formulaires */
.form-input{
  background:rgba(13,14,30,.65)!important;border:1px solid rgba(167,139,250,.18)!important;
  border-radius:11px!important;transition:border-color .2s,box-shadow .2s!important;
}
.form-input:focus{
  border-color:var(--au-violet)!important;
  box-shadow:0 0 0 3px rgba(167,139,250,.18)!important;outline:none!important;
}

/* Scrollbar et sélection : signature Aurora */
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:rgba(13,14,30,.5)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a78bfa,#22d3ee);border-radius:8px}
::selection{background:rgba(167,139,250,.35);color:#fff}

/* Liens de nav au survol */
nav a:hover{color:#c4b5fd!important}

/* Le contenu passe au-dessus de la nappe */
nav,header,main,section,footer,.hero{position:relative;z-index:1}