/* Neutral dark mode. Green remains the brand/action accent; light mode keeps
   its original palette. The html prefix outranks the exported inline sheet. */
html body[data-theme="dark"] {
  --v-dark-page: #000;
  --v-dark-card: #101010;
  --v-dark-raised: #1b1b1b;
  --v-dark-line: #2a2a2a;
  --v-dark-ink: #f5f5f5;
  --v-dark-muted: #b0b0b0;
  background: var(--v-dark-page) !important;
  color: var(--v-dark-ink) !important;
  color-scheme: dark;
}
/* [14/09] barre de défilement au design de la V2. Pas de scrollbar-color pour Chrome : elle désactive ::-webkit-scrollbar
   (barre Windows avec flèches) et s'hérite jusqu'au panneau « Tout ce qui est inclus ». Firefox seul la reçoit. */
html:has(body[data-theme="dark"]) { color-scheme: dark; }
@supports (-moz-appearance: none) { html:has(body[data-theme="dark"]) { scrollbar-color: rgba(255,255,255,.18) transparent; scrollbar-width: thin; } }
html:has(body[data-theme="dark"])::-webkit-scrollbar { width: 10px; height: 10px; }
html:has(body[data-theme="dark"])::-webkit-scrollbar-track,
html:has(body[data-theme="dark"])::-webkit-scrollbar-corner { background: transparent; }
html:has(body[data-theme="dark"])::-webkit-scrollbar-thumb { background: rgba(255,255,255,.18); border-radius: 8px; }
html:has(body[data-theme="dark"])::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.28); }
html body[data-theme="dark"] .v-landing > section,
html body[data-theme="dark"] .v-landing > header,
html body[data-theme="dark"] .v-landing > footer { background: var(--v-dark-page) !important; }
html body[data-theme="dark"] nav[data-screen-label="Nav"],
html body[data-theme="dark"] [data-screen-label="Barre CTA"] {
  background: rgba(8,8,8,.9) !important;
  border-color: var(--v-dark-line) !important;
  backdrop-filter: blur(22px);
}
html body[data-theme="dark"] .v-landing .v-hero-shell {
  --hero-surface: #000;
  --hero-window: #151515;
  --hero-ink: var(--v-dark-ink);
  --hero-muted: var(--v-dark-muted);
  --hero-line: #252525;
  --hero-soft: #1b1b1b;
}
html body[data-theme="dark"] .v-hero-version { background: #101010; border-color: #303030; }
html body[data-theme="dark"] .v-astral-toggle { color: #bdbdbd; background: #111; border-color: #303030; }
html body[data-theme="dark"] .v-astral-toggle:hover { color: #fff; background: #222; }
html body[data-theme="dark"] .v-demo-heading p,
html body[data-theme="dark"] .v-hero-film-caption small,
html body[data-theme="dark"] .v-hero-film-error { color: var(--v-dark-muted); }
html body[data-theme="dark"] .v-hero-film { background: #000; border-color: var(--v-dark-line); box-shadow: 0 24px 60px -36px #0009; }
html body[data-theme="dark"] .v-hero-film video { background: #000; }
html body[data-theme="dark"] .v-hero-film-bar { background: #101010; color: var(--v-dark-ink); border-color: var(--v-dark-line); }
html body[data-theme="dark"] .v-hero-film-buttons button { background: #1b1b1b; border-color: #363636; color: #ddd; }
html body[data-theme="dark"] .v-hero-film-buttons button:hover { background: #2a2a2a; }

html body[data-theme="dark"] .v-feature-icon { --v-feature-surface: #1b1b1b; }
html body[data-theme="dark"] .v-review-rating,
html body[data-theme="dark"] .v-review-card { background: var(--v-dark-card) !important; color: var(--v-dark-ink); border-color: var(--v-dark-line) !important; }
html body[data-theme="dark"] .v-review-rating > span:last-child { color: var(--v-dark-muted) !important; }
html body[data-theme="dark"] .v-review-quote { color: #c8c8c8; }
html body[data-theme="dark"] .v-review-avatar { background: #222; }

html body[data-theme="dark"] .v-pricing-reassurance {
  --reassurance-surface: #101010;
  --reassurance-ink: var(--v-dark-ink);
  --reassurance-muted: var(--v-dark-muted);
  --reassurance-line: var(--v-dark-line);
}

html body[data-theme="dark"] .v-nav-language { color: #c5c5c5; }
html body[data-theme="dark"] .v-nav-language-trigger { background: #191919; border-color: #383838; }
html body[data-theme="dark"] .v-nav-language-trigger:hover,
html body[data-theme="dark"] .v-nav-language-trigger[aria-expanded="true"] { background: #242424; border-color: #555; }
html body[data-theme="dark"] .v-nav-language-menu { background: #131313; border-color: #333; }
html body[data-theme="dark"] .v-nav-language-option { color: #ddd; }
html body[data-theme="dark"] .v-nav-language-option:hover,
html body[data-theme="dark"] .v-nav-language-option:focus-visible { background: #252525; }
html body[data-theme="dark"] .v-nav-language-option[aria-checked="true"] { background: #202020; }

/* Decorative section washes and the editable phone mockup share the neutral
   surfaces. Product photos, video content and coloured stars stay original. */
html body[data-theme="dark"] .v-ambient-wash { background: none !important; }
html body[data-theme="dark"] .v-phone-glow { background: radial-gradient(circle,#ffffff0a,transparent 65%) !important; }
html body[data-theme="dark"] [data-darkphone] { background: linear-gradient(155deg,#454545,#191919 22%,#0c0c0c) !important; box-shadow: 0 50px 110px #0008,inset 0 0 0 7px #080808,inset 0 1px 1px #ffffff38 !important; }
html body[data-theme="dark"] [data-darkphone] > span { background: linear-gradient(90deg,#454545,#272727) !important; }
html body[data-theme="dark"] .v-phone-screen { background: radial-gradient(130% 55% at 50% -8%,#fff2,transparent 60%),linear-gradient(180deg,#181818,#080808) !important; }
html body[data-theme="dark"] [data-notiflist] > div { background: rgba(26,26,26,.85) !important; }