/* ============================================================
   STUDIO ATLAS — pont V2 → V3
   Les pages devis-site et mentions-legales portent encore un gros
   bloc de CSS inline écrit pour la palette V2, supprimée depuis.
   Résultat : 14 variables introuvables, donc des couleurs invalides —
   texte invisible, fonds transparents, bordures absentes.
   Ce fichier remappe ces variables sur les tokens Atlas, ce qui
   répare les pages sans avoir à réécrire leur CSS inline.
   À supprimer le jour où ces deux pages seront refaites.
   ============================================================ */

:root{
  /* fonds */
  --bg:            #070A0F;
  --bg-card:       rgba(var(--rgb-inv),.045);
  --bg-section:    #0B1320;
  --white:         #F5F5F7;

  /* texte */
  --text:          #F5F5F7;
  --text-2:        #A7ACB4;
  --text-3:        rgba(var(--rgb-alu),.72);
  --text-muted:    rgba(var(--rgb-alu),.72);

  /* traits */
  --border:        rgba(var(--rgb-alu),.14);
  --border-2:      rgba(var(--rgb-alu),.24);

  /* accent — le violet est mort, tout passe en Atlas Blue */
  --violet:        #2563EB;
  --violet-soft:   rgba(37,99,235,.18);
  --accent:        #2563EB;
  --accent-soft:   rgba(37,99,235,.18);

  /* dégradés */
  --gradient:      linear-gradient(135deg,#5B8DEF 0%,#2563EB 45%,#1D4ED8 100%);
  --gradient-soft: linear-gradient(135deg,rgba(37,99,235,.16),rgba(var(--rgb-inv),.02));

  /* ombres */
  --shadow-sm:     0 8px 24px rgba(0,0,0,.32);
  --shadow-md:     0 16px 44px rgba(0,0,0,.42);
  --shadow-lg:     0 26px 64px rgba(0,0,0,.5);
}

/* Les pages concernées repartaient d'un fond clair hérité de la V2 */
body{background:var(--obsidian,#070A0F);color:var(--off-white,#F5F5F7)}

/* Champs de formulaire : ils héritaient d'un fond blanc invisible sur obsidian */
input,select,textarea{
  background:rgba(var(--rgb-inv),.05);
  border:1px solid rgba(var(--rgb-alu),.18);
  color:#F5F5F7
}
input::placeholder,textarea::placeholder{color:rgba(var(--rgb-alu),.6)}
input:focus,select:focus,textarea:focus{
  outline:0;border-color:rgba(37,99,235,.55);background:rgba(var(--rgb-inv),.08)
}
select option{background:#0B1320;color:#F5F5F7}

/* Boutons secondaires hérités */
.btn--secondary{
  background:rgba(var(--rgb-inv),.09);
  border:1px solid rgba(var(--rgb-inv),.19);
  color:#F5F5F7
}
.btn--secondary:hover{background:rgba(var(--rgb-inv),.15)}

/* ------------------------------------------------------------
   Classes du markup V2 qui n'existent dans aucun CSS.
   .logo__img était la pire : sans règle, le logo sortait à sa
   taille native (1254×1254) et recouvrait toute la page.
   ------------------------------------------------------------ */
.logo__img{
  width:32px;height:32px;
  object-fit:contain;display:block;flex:0 0 auto
}
.btn--ghost{
  background:transparent;
  border:1px solid rgba(var(--rgb-alu),.24);
  color:#F5F5F7
}
.btn--ghost:hover{
  background:rgba(var(--rgb-inv),.06);
  border-color:rgba(37,99,235,.45)
}
/* garde-fou général : aucune image ne peut plus déborder de son conteneur */
img,video{max-width:100%;height:auto}
.logo img,.logo__icon img{width:32px;height:32px}