/* ARLEN — palette douce, sans dependance (29/10/2026)
   Charge APRES site.css sur toutes les pages publiques. */
:root {
  --paper: #eaf0f6;
  --paper-2: #e2ebf5;
  --white: #f8fafc;
  --line: #cddae8;
  --shadow: 0 14px 34px rgba(21,47,85,.09);
}
html { background: #eaf0f6; }
body, body.legal-page {
  background: linear-gradient(155deg,#eaf0f6 0%,#f2f6fa 42%,#e8eef5 100%);
  color: #192a40;
}
/* L'en-tete et la section principale ne sont plus blanc clinique. */
.arlen-header { background: #f0f5fa; border-bottom: 1px solid #d3deea; box-shadow: 0 3px 14px rgba(18,48,91,.045); }
.home-hero {
  background: radial-gradient(ellipse at 94% 8%,rgba(140,178,226,.24),transparent 52%),
              linear-gradient(135deg,#e6edf6 0%,#f2f6fb 57%,#e4ecf5 100%);
  border-bottom-color: #d2ddea;
}
.home-section:not(.section-dark) { background: #eff4f9; }
.home-section.section-light { background: #e7eef6; border-block-color: #d1deeb; }
.home-section:not(.section-dark) .section-intro p { color: #506076; }
/* Cartes legerement teintees, avec separation et profondeur. */
.hero-info, .service-card, .review-box, .services-list article,
.faq-items details, .videos-category, .hours-card {
  background: #f9fbfd;
  border-color: #d0ddeb;
  box-shadow: 0 8px 26px rgba(15,45,85,.052);
}
.service-card:hover, .review-box:hover { box-shadow: 0 13px 30px rgba(15,45,85,.105); }
.service-icon { background: #e7f0fc; }
.video-card { background: #eef4fa; border-color: #d3dfec; }
.button-outline, .btn-outline-primary, .btn-outline-arlen,
.btn-light { background: #f5f9fd; }
.button-outline:hover { background: #e4effb; }
.arlen-menu-button, .arlen-menu { background: #f0f5fa; }
.arlen-menu a { border-color: #d6e0ec; }
/* La lisibilite des formulaires reste prioritaire. */
.form-control,.form-select,input:not([type="checkbox"]):not([type="radio"]),textarea,select {
  background-color: #fbfdff;
}
/* Les pages secondaires utilisaient encore des fonds blancs purs. */
.rdv-hero + *, .tracking-hero + *, .page-legal-hero + * { border-color: #d3e0ed; }
body.legal-page .legal-card, body.legal-page .content-card,
#contenu-principal .registry-card {
  background-color: #f9fbfd;
}
/* Compatibilite avec les cartes CSS de rendez-vous et suivi. */
.card, .bg-light { background-color: #f5f8fc; }
/* Les zones sombres gardent la couleur de la DA et un contraste eleve. */
.section-dark { background: linear-gradient(140deg,#112b51 0%,#234d85 100%); color: #fff; }
.arlen-footer { background: #102747; }
@media (max-width:850px) {
  .arlen-menu { border-top-color: #d5dfeb; box-shadow: 0 14px 20px rgba(14,39,74,.12); }
}
@media (max-width:600px) {
  .hero-info, .service-card, .review-box, .hours-card { box-shadow: 0 6px 20px rgba(15,45,85,.065); }
}