/* Mode nuit : surfaces bleu nuit et accents orange, sans modifier le mode clair. */
html[data-theme="dark"]{
  --night-base:#0b1428;
  --night-surface:#121f38;
  --night-raised:#1b2d4b;
  --night-border:#3b5273;
  --night-text:#f3f6fc;
  --night-muted:#bdc9dc;
  --night-accent:#f2ad52;
}
html[data-theme="dark"] body{background:var(--night-base);color:var(--night-text)}
html[data-theme="dark"] .site-header{background:rgba(11,20,40,.96);border-color:#2c3e5a}
html[data-theme="dark"] .reservation-banner{background:var(--night-raised);border-color:#415a7c}
html[data-theme="dark"] .reservation-banner strong{color:#ffc77f}
html[data-theme="dark"] .reservation-banner a:hover{color:#ffe0b4}
html[data-theme="dark"] .reservation-banner a:focus-visible{outline-color:var(--night-accent)}
html[data-theme="dark"] .hero{background:var(--night-surface);color:var(--night-text);border-color:#334967}
html[data-theme="dark"] .hero .hero-copy{background:transparent}
html[data-theme="dark"] .hero .eyebrow,
html[data-theme="dark"] .page-hero .eyebrow{color:#ffc77f;border-color:var(--night-accent)}
html[data-theme="dark"] .hero .accent{color:#ffc77f}
html[data-theme="dark"] .hero .lead,
html[data-theme="dark"] .hero .trustline{color:var(--night-muted)}
html[data-theme="dark"] .hero .secondary{color:var(--night-text);border-color:#647a9a}
html[data-theme="dark"] .hero .hero-facts{background:#172842;border-color:#425c7e}
html[data-theme="dark"] .hero .hero-fact{border-color:#354b68}
html[data-theme="dark"] .hero .hero-fact span{color:#b8cce8}
html[data-theme="dark"] .hero .hero-fact strong{color:var(--night-text)}
html[data-theme="dark"] .hero .hero-fact small{color:var(--night-muted)}
html[data-theme="dark"] .hosting-europe{background:var(--night-raised);border-color:#405879}
html[data-theme="dark"] .hosting-europe h2,
html[data-theme="dark"] .hosting-kicker,
html[data-theme="dark"] .hosting-europe-details dt{color:var(--night-text)}
html[data-theme="dark"] .hosting-europe-copy>p,
html[data-theme="dark"] .hosting-europe-details dd,
html[data-theme="dark"] .hosting-europe .hosting-scope{color:#c7d3e5}
html[data-theme="dark"] .hosting-europe-details dl>div,
html[data-theme="dark"] .hosting-europe .hosting-scope{border-color:#4c6280}
html[data-theme="dark"] .hosting-europe h2 .navy-highlight::before{background:#0b172f;box-shadow:0 0 0 1px #587196}
html[data-theme="dark"] .hosting-europe-copy>a,
html[data-theme="dark"] .hosting-link a{color:#ffd29a}
html[data-theme="dark"] .total{background:var(--night-raised);color:var(--night-text);border-color:#506b90;box-shadow:none}
html[data-theme="dark"] .total>p,
html[data-theme="dark"] .total-line span,
html[data-theme="dark"] .total .note{color:#c7d3e5}
html[data-theme="dark"] .total-line strong{color:#ffc77f}
html[data-theme="dark"] .total-line b{color:var(--night-text)}
html[data-theme="dark"] .total .guarantee{background:#13233d;border-color:#466080;color:#dbe5f5}
html[data-theme="dark"] .total .button,
html[data-theme="dark"] .nav-cta,
html[data-theme="dark"] .hero .primary,
html[data-theme="dark"] .featured .button,
html[data-theme="dark"] form .button,
html[data-theme="dark"] .commerce-offer .button,
html[data-theme="dark"] .google-offer .button,
html[data-theme="dark"] .shop-price-box .button{background:var(--night-accent);color:#182238}
html[data-theme="dark"] .card .button{background:#243b5c;color:var(--night-text)}
html[data-theme="dark"] .card.featured .button{background:var(--night-accent);color:#182238}
html[data-theme="dark"] .cta-signature::before{border-color:#ffd29a;box-shadow:4px 5px 0 #060d1c}
html[data-theme="dark"] .cta-signature:hover::before{box-shadow:2px 3px 0 #060d1c}
html[data-theme="dark"] .next-step-reserve,
html[data-theme="dark"] .reservation-summary,
html[data-theme="dark"] .shop-contact .reservation-choice,
html[data-theme="dark"] .shop-request-summary,
html[data-theme="dark"] .shop-total .shop-reserve,
html[data-theme="dark"] .service-summary,
html[data-theme="dark"] .order-copy,
html[data-theme="dark"] .shop-price-box{background:var(--night-raised);border-color:#405879}
html[data-theme="dark"] .step-label,
html[data-theme="dark"] .reservation-price strong,
html[data-theme="dark"] .reservation-saving,
html[data-theme="dark"] .reservation-price .reservation-price-label,
html[data-theme="dark"] .reservation-summary .reservation-summary-saving{color:#ffc77f}
html[data-theme="dark"] .next-step .step-call{color:var(--night-text);border-color:#7891b1}
html[data-theme="dark"] .option:has(input:checked){background:#203552;border-color:#8aa5c8}
html[data-theme="dark"] input[type="checkbox"],
html[data-theme="dark"] input[type="radio"]{accent-color:var(--night-accent)}
html[data-theme="dark"] .config summary:after{background:#253a58;color:#d6e2f3}
html[data-theme="dark"] .commerce-offer .offer-kicker,
html[data-theme="dark"] .shop-price-box .commerce-price strong,
html[data-theme="dark"] .shop-qty-price,
html[data-theme="dark"] .shop-price-box p a,
html[data-theme="dark"] .included-summary strong{color:#ffc77f}
html[data-theme="dark"] .commerce-copy>p,
html[data-theme="dark"] .commerce-price small,
html[data-theme="dark"] .commerce-price span,
html[data-theme="dark"] .commerce-action>p{color:var(--night-muted)}
html[data-theme="dark"] .commerce-action{border-color:var(--night-border)}
html[data-theme="dark"] .soft,
html[data-theme="dark"] .contact{background:var(--night-surface)}
html[data-theme="dark"] .contact .section-head h2{color:var(--night-text)}
html[data-theme="dark"] .page-hero{background:var(--night-surface)}
