/* ═══════════════════════════════════════════════════════════════════
   CaleDoVol — Charte graphique unifiée (navy / bleu / sirène)
   Chargée en DERNIER via caledohub-sobre.css. Override léger et ciblé :
   harmonise l'accent, les boutons, champs, cartes et titres vers la charte
   des pages plaque.html / choisir.html, sans casser la structure des pages.
   Ajouté 2026-07-10. Réversible (retirer l'@import dans sobre.css).
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --cdv-navy:#0a1424; --cdv-navy2:#0f2a4d; --cdv-panel:#132743; --cdv-panel2:#16294b;
  --cdv-line:rgba(255,255,255,.10); --cdv-ink:#eaf2ff; --cdv-soft:#a8c1e6; --cdv-mute:#6f88b0;
  --cdv-blue:#3b99f6; --cdv-blue-d:#1565c0; --cdv-siren:#ff5a5a; --cdv-siren-d:#e5484d;
  --cdv-green:#34d399; --cdv-gold:#f5c451;
  /* remappe les variables historiques du site vers la charte */
  --primary:var(--cdv-blue); --primary-dark:var(--cdv-blue-d); --accent:var(--cdv-blue);
  --bg:var(--cdv-navy); --surface:var(--cdv-panel); --text:var(--cdv-ink); --text-muted:var(--cdv-soft);
  --border:var(--cdv-line); --danger:var(--cdv-siren);
}
body{
  background:
    radial-gradient(60% 40% at 82% 0%,rgba(59,153,246,.14),transparent 60%),
    radial-gradient(50% 40% at 5% 6%,rgba(255,90,90,.09),transparent 55%),
    linear-gradient(160deg,var(--cdv-navy),var(--cdv-navy2)) fixed !important;
  color:var(--cdv-ink);
  font-family:"Segoe UI Variable","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
/* Titres */
h1,h2,h3{ color:var(--cdv-ink); letter-spacing:-.4px; }
/* Liens accent (hors boutons) */
a:not([class*="btn"]):not(.cdv-photo-add):not(.tab){ color:var(--cdv-blue); }
/* Boutons principaux -> bleu charte */
.btn-primary,.btn.primary,button.primary,.cdv-btn-primary,.btn-blue,input[type="submit"],
button[type="submit"]:not(.btn-danger):not(.btn-ghost):not(.btn-secondary){
  background:var(--cdv-blue) !important; border-color:var(--cdv-blue) !important; color:#fff !important;
  border-radius:12px; font-weight:800;
}
.btn-primary:hover,button.primary:hover,input[type="submit"]:hover{ background:var(--cdv-blue-d) !important; }
/* Boutons d'alerte / danger -> sirène */
.btn-danger,.btn-alert,.cdv-btn-danger,.btn-vole{
  background:var(--cdv-siren) !important; border-color:var(--cdv-siren) !important; color:#fff !important; border-radius:12px; font-weight:800;
}
/* Champs de saisie */
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
select,textarea{
  background:var(--cdv-panel); border:1.5px solid var(--cdv-line); color:var(--cdv-ink); border-radius:11px;
}
input:focus,select:focus,textarea:focus{ outline:none; border-color:var(--cdv-blue); }
input::placeholder,textarea::placeholder{ color:var(--cdv-mute); }
/* Cartes / panneaux surface claire -> charte */
.card,.panel,.box,.surface,.tile,.cdv-card{
  background:var(--cdv-panel); border:1px solid var(--cdv-line); color:var(--cdv-ink); border-radius:16px;
}
/* Sélection + focus clavier accessibles */
::selection{ background:var(--cdv-blue); color:#fff; }
:focus-visible{ outline:2px solid var(--cdv-blue); outline-offset:2px; }
/* Scrollbar (desktop) */
@media(min-width:900px){
  html{ scrollbar-width:thin; scrollbar-color:var(--cdv-blue) transparent; }
}