/* The night palette retains Sooshiant's mineral greens and hierarchy. */
:root { color-scheme: light; --color-surface: #fff; }
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-paper: #0c1915;
  --color-surface: #14261f;
  --color-ink: #e7eee6;
  --color-muted: #a4b5aa;
  --color-accent: #70d3b4;
  --color-accent-ink: #0c251d;
  --color-accent-hover: #96e3ca;
  --color-mint: #1a3028;
  --color-mint-light: #10211a;
  --color-border: #354b40;
  --color-dark: #0e2922;
  --color-dark-deep: #0b211c;
  --color-on-dark: #eef5eb;
  --color-dark-muted: #aec5b7;
  --color-line-dark: #395a4b;
  --color-lime: #d6e5b5;
  --color-focus: #8be7c9;
  --color-stage-grid: #94b9a322;
  --color-shadow: #00000050;
  --color-white-fade: #ffffff0c;
  --color-error: #ffb4a5;
}
.capability-card, .package-card, .contact-form,
.legacy-site .woocommerce { background: var(--color-surface); }
.capability-layers, .package-card:nth-child(2) { background: var(--color-mint); }
.button-dark { color: var(--color-on-dark); }
.button-dark:hover { color: var(--color-accent-ink); }
.legacy-site .woocommerce .button { color: var(--color-accent-ink) !important; }
.skip-link { color: var(--color-on-dark); }
::selection { color: var(--color-dark-deep); }
.nav-controls { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.theme-toggle {
  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
  width: 40px; height: 40px; padding: 9px;
  border: 1px solid var(--color-border); border-radius: 50%;
  background: var(--color-paper); color: var(--color-ink);
  transition: background .2s, border-color .2s, transform .2s;
}
.theme-toggle:hover { background: var(--color-mint); border-color: var(--color-accent); }
.theme-toggle:active { transform: scale(.94); }
.theme-toggle svg { width: 19px; height: 19px; }
.theme-icon-sun, [data-theme="dark"] .theme-icon-moon { display: none; }
[data-theme="dark"] .theme-icon-sun { display: block; }
.legacy-site .theme-toggle { color: var(--color-ink); }
[data-theme="dark"] .legacy-site .woocommerce .show-password-input { color: var(--color-ink); }
[data-theme="dark"] .legacy-site .woocommerce .show-password-input::before { filter: invert(1) brightness(.9); }
@media (max-width: 1150px) {
  .primary-nav { margin-right: 0; }
  .nav-shell { gap: 18px; }
}
@media (max-width: 760px) {
  .nav-controls { gap: 8px; }
  .nav-controls .nav-cta { display: none; }
  .nav-shell { gap: 12px; }
}
@media (prefers-reduced-motion: reduce) { .theme-toggle { transition: none; } }