body.app-theme-dark {
  color-scheme: dark;
  --bg: #07111f;
  --panel: #0d1828;
  --ink: #f8fbff;
  --text: #f8fbff;
  --muted: #b9c7dc;
  --line: #334155;
  --soft: #111e30;
  --ok: #7ee2a8;
  --warn: #ffd37a;
  --danger: #ff9a92;
  --accent: #255f5b;
  --accent-2: #7dd3c7;
  --gold: #f0c76f;
  --shadow: 0 18px 48px rgba(0, 0, 0, .28);
}

body.app-theme-dark .topbar {
  background: rgba(7, 17, 31, .92);
}

body.app-theme-dark label,
body.app-theme-dark .payload {
  color: var(--ink);
}

body.app-theme-dark input,
body.app-theme-dark select,
body.app-theme-dark textarea,
body.app-theme-dark .row,
body.app-theme-dark .stat,
body.app-theme-dark .tab,
body.app-theme-dark .notice,
body.app-theme-dark .badge,
body.app-theme-dark .form-box,
body.app-theme-dark .payment-panel,
body.app-theme-dark .payload {
  border-color: var(--line);
  background: var(--soft);
  color: var(--ink);
}

body.app-theme-dark input,
body.app-theme-dark select,
body.app-theme-dark textarea {
  color-scheme: dark;
}

body.app-theme-dark button.primary,
body.app-theme-dark .tab[aria-selected="true"] {
  border-color: #f0c76f;
  background: #f0c76f;
  color: #07111f;
}

body.app-theme-dark button.secondary,
body.app-theme-dark button.gold {
  border-color: #6b5427;
  background: #3c301c;
  color: #ffe8ad;
}

body.app-theme-dark .notice.ok,
body.app-theme-dark .badge.ok {
  border-color: rgba(126, 226, 168, .42);
  background: rgba(31, 111, 70, .18);
  color: #a7f3c4;
}

body.app-theme-dark .notice.err {
  border-color: rgba(255, 154, 146, .42);
  background: rgba(157, 45, 36, .18);
  color: #ffc0ba;
}

body.app-theme-dark .badge.warn {
  border-color: rgba(255, 211, 122, .42);
  background: rgba(135, 93, 22, .2);
  color: #ffe1a3;
}

body.app-theme-light.support-page {
  color-scheme: light;
  --bg: #f6f3ec;
  --panel: #ffffff;
  --line: #d8d0c4;
  --text: #171512;
  --muted: #5e554b;
  background: #f6f3ec;
  color: var(--text);
}

body.app-theme-light .support-header {
  border-color: var(--line);
  background: rgba(255, 255, 255, .92);
}

body.app-theme-light .support-main {
  border-color: var(--line);
  background: var(--panel);
  box-shadow: 0 18px 48px rgba(28, 24, 20, .1);
}

body.app-theme-light .support-kicker {
  color: #1f6f6a;
}

body.app-theme-light .support-main p,
body.app-theme-light .support-main li,
body.app-theme-light .support-footer {
  color: var(--muted);
}

body.app-theme-light .support-note {
  border-color: rgba(138, 75, 47, .28);
  background: #fbf3df;
  color: var(--text);
}

body.app-theme-light .support-btn:not(.primary) {
  border-color: var(--line);
  background: #ffffff;
  color: var(--text);
}