/* Управляемая тёмная тема. Светлая палитра остаётся в main.css. */
:root { color-scheme: light; }
[data-theme="dark"] { color-scheme: dark; }

[data-theme="dark"] body {
  background: #101214;
  color: #e6eaee;
}

[data-theme="dark"] header,
[data-theme="dark"] .mobile-menu,
[data-theme="dark"] .menu-panel__box {
  background-color: #171b1f;
  border-color: #2d353d;
}

[data-theme="dark"] [class~="bg-white"],
[data-theme="dark"] [class~="bg-white/90"] {
  background-color: #171b1f;
}
[data-theme="dark"] [class~="bg-asphalt-50"],
[data-theme="dark"] [class~="bg-asphalt-50/60"] {
  background-color: #1c2126;
}
[data-theme="dark"] [class~="bg-asphalt-100"] {
  background-color: #252c33;
}
[data-theme="dark"] [class~="bg-brand-50"],
[data-theme="dark"] [class~="bg-brand-50/60"],
[data-theme="dark"] [class~="bg-brand-muted"] {
  background-color: #2a1b13;
}
[data-theme="dark"] [class~="bg-info-light"] { background-color: #17263d; }
[data-theme="dark"] [class~="bg-ok-light"] { background-color: #15271c; }
[data-theme="dark"] [class~="bg-warn-light"] { background-color: #2b2213; }
[data-theme="dark"] [class~="bg-danger-light"] { background-color: #2d1717; }

[data-theme="dark"] [class~="text-asphalt-900"] { color: #f7f9fa; }
[data-theme="dark"] [class~="text-asphalt-800"] { color: #eef2f5; }
[data-theme="dark"] [class~="text-asphalt-700"] { color: #dce2e7; }
[data-theme="dark"] [class~="text-asphalt-600"] { color: #c4ccd3; }
[data-theme="dark"] [class~="text-asphalt-500"] { color: #adb7bf; }
[data-theme="dark"] [class~="text-asphalt-400"] { color: #939ea7; }
[data-theme="dark"] [class~="text-asphalt-300"] { color: #8e9aa4; }
[data-theme="dark"] [class~="text-brand"] { color: #ff9a5c; }
[data-theme="dark"] [class~="text-brand-dark"] { color: #ffb07d; }

[data-theme="dark"] [class~="border-asphalt-50"],
[data-theme="dark"] [class~="border-asphalt-100"],
[data-theme="dark"] [class~="border-asphalt-200"],
[data-theme="dark"] [class~="border-asphalt-300"] {
  border-color: #343d46;
}
[data-theme="dark"] [class~="border-brand"] { border-color: #ff9a5c; }
[data-theme="dark"] [class~="bg-brand"] { background-color: #b64a16; }
[data-theme="dark"] [class~="hover:bg-asphalt-50"]:hover,
[data-theme="dark"] [class~="hover:bg-asphalt-100"]:hover,
[data-theme="dark"] [class~="hover:bg-asphalt-200"]:hover {
  background-color: #252c33;
}
[data-theme="dark"] [class~="hover:bg-brand-50"]:hover { background-color: #2a1b13; }

[data-theme="dark"] [class~="shadow-card"],
[data-theme="dark"] [class~="shadow-cardHover"] {
  box-shadow: 0 1px 3px rgb(0 0 0 / .35), 0 4px 12px rgb(0 0 0 / .2);
}

[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background-color: #1b2127;
  color: #eef2f5;
  border-color: #3a444e;
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder { color: #8d99a3; }
[data-theme="dark"] option { background: #1b2127; color: #eef2f5; }
[data-theme="dark"] .photo { background: #f4f5f6; }
[data-theme="dark"] .photo--hero { box-shadow: 0 1px 3px rgb(0 0 0 / .4); }

[data-theme="dark"] .menu-link:hover,
[data-theme="dark"] .menu-chip:hover { background-color: #252c33; }
[data-theme="dark"] .menu-heading { color: #939ea7; }

/* SEO/prose: базовый .prose задан тёмным и на тёмном фоне давал 1.9:1. */
[data-theme="dark"] .prose { color: #dce2e7; }
[data-theme="dark"] .prose h2,
[data-theme="dark"] .prose h3,
[data-theme="dark"] .prose strong { color: #f7f9fa; }
[data-theme="dark"] .prose a { color: #ff9a5c; }

[data-theme="dark"] .theme-icon-moon { display: none; }
[data-theme="light"] .theme-icon-sun { display: none; }
[data-theme="dark"] .theme-icon-sun { display: inline-flex; }
[data-theme="light"] .theme-icon-moon { display: inline-flex; }

@media (prefers-reduced-motion: reduce) {
  [data-theme] * { transition-duration: .01ms !important; }
}

.theme-logo-dark { display: none; }
[data-theme="dark"] .theme-logo-light { display: none; }
[data-theme="dark"] .theme-logo-dark { display: block; }

[data-theme="dark"] .benefit-line {
  background: #2a1b13;
  color: #ffd7bf;
}
[data-theme="dark"] .benefit-line svg { color: #ff9a5c; }

.theme-icon-moon { display: none; }
[data-theme="dark"] a[class~="bg-asphalt-900"],
[data-theme="dark"] button[class~="bg-asphalt-900"] {
  background-color: #2c353d;
}