/* ==========================================================
   Variante « Mix » — la base marine reste (fonds, textes,
   sections sombres) ; le bleu et l'orange du logo deviennent
   les accents. Se charge après style.css.
   ========================================================== */

:root {
  --blue: #1884f1;
  --blue-deep: #1470d4;
  --orange: #e8730f;
  --orange-soft: #ffbf85;
  --gold: var(--orange);
  --gold-soft: var(--orange-soft);
  --olive: var(--blue-deep);
}

/* Petits titres orange, filets et détails bleus */
.link::after { background: var(--blue); }
.frame::before { border-color: var(--blue); }
.checklist li::before { background: var(--blue); }
.feature .ic { color: var(--blue); }
.ornament { color: var(--blue); }
.stat strong { color: var(--navy); }
.stat strong::after { content: ""; display: block; width: 26px; height: 2px; margin: 14px auto 0; background: var(--orange); }
.timeline b { color: var(--blue-deep); }
.ptable tr:first-child { border-top-color: var(--navy); }
.table-block h3 .n { color: var(--orange); }
.member .ini { background: var(--navy); color: var(--orange-soft); box-shadow: inset 0 0 0 2px var(--blue); }
.job .pill { border-color: var(--blue); color: var(--blue-deep); }


/* Sections marine : accents bleu clair et orange */
.bg-navy .eyebrow { color: var(--orange-soft); }
.stage .lvl { color: #7dbaff; }
.stage-prices div strong { color: var(--orange-soft); }
.price-card.featured { position: relative; }
.price-card.featured::before { content: ""; position: absolute; top: -1px; left: -1px; right: -1px; height: 4px; background: var(--blue); }
.price-card.featured .tag { color: var(--orange-soft); }
.frame .badge { box-shadow: inset 4px 0 0 var(--orange); }

/* Cartes et bandeau */
.card-num { color: var(--orange-soft); }
.banner::after { background: linear-gradient(90deg, rgba(10, 18, 34, .72), rgba(20, 112, 212, .35)); }

/* Menu : soulignement cognac, filet bleu au défilement */
.nav a:not(.btn)::after { background: #c27a3a; }

/* Pied de page : liseré bicolore en haut */
.footer { box-shadow: inset 0 3px 0 var(--blue); }
.footer h5 { color: var(--orange-soft); }
.socials a:hover { background: var(--orange); border-color: var(--orange); }