:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #111510;
  --ink: #f1f3e9;
  --muted: #b5beb0;
  --line: #374333;
  --accent: #c5ec8c;
  --surface: #20291d;
}

:root[data-theme="dark"] :focus-visible { outline-color: var(--accent); }
:root[data-theme="dark"] .skip-link { background: var(--surface); }
:root[data-theme="dark"] .site-header { box-shadow: inset 0 -1px var(--line); }
:root[data-theme="dark"] .language a[aria-current] { background: #283a24; color: var(--accent); }
:root[data-theme="dark"] .theme-toggle { background: #1b2219; }

:root[data-theme="dark"] .hero {
  --hero-glow: #8aba5140;
  --leaf-upper: #83b656;
  --leaf-middle: #5a8b37;
  --leaf-shade: #2f5827;
  --leaf-vein: #b9e49c69;
  background:
    radial-gradient(ellipse at 75% 72%, #3a552d 0%, #233322 28%, transparent 63%),
    linear-gradient(110deg, #111510 15%, #161e15 62%, #1b291b);
}
:root[data-theme="dark"] .hero-label { background: #253b23; color: #d4efaa; box-shadow: inset 0 0 0 1px #45653b; }
:root[data-theme="dark"] .hero-description { color: #ccd7c4; }
:root[data-theme="dark"] .hero .underline::after { border-top-color: #bce875; }
:root[data-theme="dark"] .store-badge { border-color: #617158; }
:root[data-theme="dark"] a.store-badge:hover { border-color: #b2cd94; }
:root[data-theme="dark"] .hero-back { border-color: #bdc9b9 #788773 #52604e #a3b09d; }
:root[data-theme="dark"] .hero-front {
  border-color: #a8b699 #697963 #465144 #829278;
  box-shadow: inset 0 0 0 1px #ffffff3b, 0 22px 43px #020802a6, 0 0 30px #c1ee8540;
}
:root[data-theme="dark"] .hero .floating {
  border-color: #506a46;
  background: #243322f5;
  box-shadow: 0 10px 25px #02090360;
}
:root[data-theme="dark"] .hero .floating small { color: #c1d0b9; }
:root[data-theme="dark"] .hero .tile-icon { color: #d8f5a7; background: #3b562e; }
:root[data-theme="dark"] .hero .float-camera .tile-icon { background: #443456; }
:root[data-theme="dark"] .hero .water-icon { color: #a8def1; background: #284653; }

:root[data-theme="dark"] .feature-card {
  box-shadow: inset 0 0 0 1px #394633;
  background: radial-gradient(ellipse at 95% 100%, #2b4222 0%, transparent 61%), linear-gradient(145deg, #232b20, #1a2119);
}
:root[data-theme="dark"] .feature-card:hover { box-shadow: inset 0 0 0 1px #71905a, 0 14px 30px #05090360; }
:root[data-theme="dark"] .feature-card p { color: var(--muted); }
:root[data-theme="dark"] .feature-icon { background: #cced94; color: #192313; }

:root[data-theme="dark"] .ai-panel {
  box-shadow: inset 0 0 0 1px #46583b;
  background: radial-gradient(ellipse at 72% 108%, #3e5929, transparent 68%), linear-gradient(135deg, #20281c, #171e16);
}
:root[data-theme="dark"] .ai-label { background: #2e4126; border-color: #567043; color: #dbf2b9; }
:root[data-theme="dark"] .ai-copy > p:not(.ai-label) { color: #c7d1bd; }
:root[data-theme="dark"] .ai-result {
  --result-track: #384435;
  border-color: #52664a;
  background: #242e22;
  color: #f4f8ed;
  box-shadow: 0 14px 32px #0b100a80;
}
:root[data-theme="dark"] .ai-result h3 img { filter: brightness(2); }

:root[data-theme="dark"] .progress-visual {
  box-shadow: inset 0 0 0 1px #3e5037;
  background: radial-gradient(ellipse at 38% 85%, #3b512c, transparent 72%), #1b251b;
}
:root[data-theme="dark"] .progress-details div { background: var(--surface); box-shadow: inset 0 0 0 1px #364832; }
:root[data-theme="dark"] .progress-icon { filter: brightness(1.85) saturate(.75); }

:root[data-theme="dark"] .app-panel {
  border-color: #43543a;
  background: radial-gradient(ellipse at 82% 64%, #334b29, transparent 65%), #1c261b;
}
:root[data-theme="dark"] .gallery-options button { border-color: #465640; background: #172117; color: #e4eadd; }
:root[data-theme="dark"] .gallery-options button:hover { border-color: #a3bf84; }
:root[data-theme="dark"] .gallery-options button[aria-pressed="true"] { border-color: #d0eba9; background: #c6e69a; color: #182314; }
:root[data-theme="dark"] .gallery-visual figcaption { color: #d7e8c9; }
:root[data-theme="dark"] :is(.progress-visual, .gallery-visual) .phone {
  border-color: #929b8b #586553 #363d33 #707c68;
  box-shadow: inset 0 0 0 1px #ffffff38, 0 22px 42px #0008, 0 2px 7px #0007;
}

:root[data-theme="dark"] .download-panel {
  box-shadow: inset 0 0 0 1px #4a613a;
  background: radial-gradient(ellipse at 85% 70%, #384d2a, transparent 70%), #24321f;
}
:root[data-theme="dark"] .download-copy p { color: #c2d0b8; }
:root[data-theme="dark"] .site-footer { border-color: #303d2c; }