/* RDVella 20/10/2026 — dark mode only. The light theme is left unchanged.
   Prefer the OS/browser color scheme. Chrome/Firefox light keeps the same CSS.
   This block intentionally preserves the WhatsApp demo's own light UI.
*/
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --ink:#ecf4ff;--muted:#b3c3d7;--blue:#489aff;--blue-dark:#277ee7;
    --teal:#5be2ce;--soft:#182c43;--line:#35475e;--bg:#101924;--success:#46d9a0;
  }
  html,body{background:#111923;color:var(--ink)}
  .site-header{background:rgba(16,23,34,.96);border-bottom-color:#34465a}
  .hero{background:linear-gradient(90deg,#111923 0%,#111923 52%,#182538 100%)}
  .soft-orb{background:rgba(72,154,255,.1)}
  .hero-sub,.micro,.faq p,.pricing-contact,.addon-card p,.price .price-period,
  .legal-main p,.legal-main li,.checkbox-row,.form-card .trial-note,
  .contact-muted,.contact-container .contact-muted,.footer>span,.plan-legal-note,
  .billing-help,.billing-label,.stat span,.stripe-trust,.pro-only,.legal-version,
  .legal-main .legal-version,.legal-main .legal-subscribe-note,.plan-choice span,
  .modal-card small,.modal-card>p,.field small{color:#b7c8dc}
  .eyebrow,.popular{background:#203958;color:#a9d2ff}
  .btn-ghost,.contact-actions .btn-ghost,.addon-actions .btn-ghost{
    background:#17283c;color:#dbeaff;border-color:#45607a
  }
  .btn-ghost:hover,.contact-actions .btn-ghost:hover,.addon-actions .btn-ghost:hover{
    background:#243c56;color:#fff
  }
  .btn,.billing-option.is-active{color:#fff}
  .benefits-grid,.benefit{border-color:#35475e}
  .benefit-icon{background:#203957;color:#c1dcff}
  .benefit p,.card h2,.roi-title,.addon-card h3,.legal-strong,
  .legal-table th,.field label{color:#e8f3ff}
  .card,.stat,.addon-card,.modal-card,.form-card,.thanks-card{
    background:#192635;border-color:#35475e;color:#ecf4ff;
    box-shadow:0 12px 30px rgba(0,0,0,.15)
  }
  .card-featured{background:linear-gradient(130deg,#192a3b,#1b344e)}
  .audience,.addon-price,.stat strong{color:#8cbeff}
  .card li:before{background:#203e5e;border-color:#416b99}
  .card li:after{color:#8dc4ff}
  .price span,.price .price-period{color:#b7d6ff}
  .trial-note,.plan-choice span{color:#b3c3d7}
  .addon,.legal-table th,.legal-table td{border-color:#35475e}
  .addon{color:#92c4ff}
  .roi-wrap{background:linear-gradient(90deg,#243045,#1b2b3d)}
  .roi-title{color:#eef5ff}
  .roi-box.pink,.pink{background:#553b46}
  .roi-box.green,.green{background:#224938}
  .roi-box.blue,.blue{background:#24425d}
  .roi-box small{color:#d8e6f6}
  .stats{background:#141f2e}
  .faq details{border-color:#35475e}
  .faq summary{color:#e7f2ff}
  footer{background:#111923;border-color:#35475e}
  .footer-links{color:#b3d6ff}
  .modal{background:rgba(2,6,12,.75)}
  .modal-close{color:#dcecff}
  .plan-choice{border-color:#465d77}
  .plan-choice:hover{border-color:#64adff;background:#263a53}
  .legal-note,.legal-warning{background:#3f3724;border-color:#80673c;color:#fce6b9}
  .legal-box,.form-status{background:#1c3047;border-color:#3e5a77}
  .legal-table th{background:#223750}
  .legal-main a,.legal-subscribe-note a,.plan-legal-note a,
  .pricing-contact a,.contact-container .form-card a{color:#96caff}
  .form-card .field input,.field input,.field textarea,.contact-container .field select{
    background:#101c2c;border-color:#4a607b;color:#f1f6ff;
    -webkit-text-fill-color:#f1f6ff
  }
  .field textarea::placeholder,.field input::placeholder{color:#9cacc1;-webkit-text-fill-color:#9cacc1}
  .field input:focus,.field textarea:focus,.contact-container .field select:focus{outline:2px solid #5da6ff;outline-offset:2px}
  .form-status.success{background:#1c4735;border-color:#3a8a6c}
  .form-status.error{background:#4c2c32;border-color:#995660}
  .billing-toggle{background:#1c3046;border-color:#45627f}
  .billing-option{color:#bed8f5}
  .billing-discount{background:#1c4e3d;color:#b1ffd8}
  .billing-option.is-active .billing-discount{background:#ecf6ff;color:#0b5fc1}
  .annual-economy{color:#7ae3ad}
  .contact-email-card{background:linear-gradient(135deg,#182f47,#19354f);border-color:#416487}
  .contact-address,.contact-container .contact-address{color:#99ccff!important}
  #rdvellaPrivacyBanner{background:#1a293a;border-color:#49617c;box-shadow:0 18px 55px rgba(0,0,0,.5)}
  #rdvellaPrivacyBanner .privacy-banner-copy{color:#c4d2e5}
  #rdvellaPrivacyBanner .privacy-banner-copy strong{color:#f1f6ff}
  #rdvellaPrivacyBanner .privacy-banner-copy a{color:#a8d0ff}
  #rdvellaPrivacyBanner button{color:#d6e9ff;background:#15283d;border-color:#587ba4}
  #rdvellaPrivacyBanner button[data-rdv-consent="accepted"]{color:#fff;background:#2679d1}
  /* The original RDVella tick keeps its blue/green colors.
     Only the dark lettering portion receives a white mask in dark mode. */
  .brand-img,.footer-logo{position:relative;display:inline-block;isolation:isolate;flex-shrink:0}
  .brand-img::after,.footer-logo::after{
    content:"";pointer-events:none;position:absolute;inset:0;background:#f4f8ff;
    -webkit-mask-image:url("assets/rdvella-logo.png");mask-image:url("assets/rdvella-logo.png");
    -webkit-mask-size:100% 100%;mask-size:100% 100%;
    -webkit-mask-position:center;mask-position:center;
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    clip-path:inset(0 0 0 28.3%);
  }
  /* The WhatsApp phone mock-up deliberately retains WhatsApp light styling. */
  .phone{color-scheme:light;color:#101828}
  .phone .wa-head{color:#fff}
}


@media (prefers-color-scheme: dark) {
  /* Autumn image theme previously forced light surfaces via more specific selectors. */
  body.theme-automne {
    background:radial-gradient(circle at 0 26%,rgba(126,92,55,.10),transparent 20%),
      radial-gradient(circle at 100% 64%,rgba(146,82,35,.10),transparent 18%),
      linear-gradient(#111923,#141e2d 52%,#111923);
  }
  body.theme-automne .hero {
    background:radial-gradient(circle at 79% 46%,rgba(227,150,69,.07),transparent 27%),
      linear-gradient(90deg,#111923 0%,#111923 48%,#1c2b3b 100%);
  }
  body.theme-automne .benefits{background:rgba(25,34,47,.7)}
  body.theme-automne .pricing{background:linear-gradient(90deg,#131e2d,#172536,#131e2d)}
  body.theme-automne .card{background:#192635}
  body.theme-automne .card-featured{background:linear-gradient(135deg,#192a3b,#1b344e)}
  body.theme-automne .roi{background:rgba(35,42,55,.8)}
  body.theme-automne footer{background:#111923}
}