/* Общие цвета админки и магазина. По умолчанию тёмная тема; светлая — <html data-theme="light">. */
:root {
  --bg: #131628;
  --surface: #1b1f36;
  --surface-2: #232844;
  --text: #e9eaf4;
  --muted: #9aa0bd;
  --border: #2f355a;
  --accent: #9aa4ff;
  --accent-soft: #2a3063;
  --primary: #ffb547;        /* кнопки покупки и оплаты */
  --primary-text: #2a1a00;
  --ok: #57d68d;
  --ok-soft: #173826;
  --warn: #ffc65c;
  --warn-soft: #3d3014;
  --err: #ff8a6b;
  --err-soft: #43201a;
  --radius: 12px;
  --shadow: none;
  --focus: 0 0 0 3px rgb(154 164 255 / 45%);
  color-scheme: dark;
}

:root[data-theme="light"] {
  --bg: #f2f3f8;
  --surface: #ffffff;
  --surface-2: #f6f7fb;
  --text: #161a2e;
  --muted: #5c6280;
  --border: #dfe2ee;
  --accent: #3f48c4;
  --accent-soft: #e6e8ff;
  --primary: #ffb547;
  --primary-text: #2a1a00;
  --ok: #16803c;
  --ok-soft: #e4f5ea;
  --warn: #a65d00;
  --warn-soft: #fdf1dc;
  --err: #c2410c;
  --err-soft: #fdebe3;
  --shadow: 0 1px 2px rgb(22 26 46 / 6%), 0 2px 6px rgb(22 26 46 / 5%);
  --focus: 0 0 0 3px rgb(63 72 196 / 35%);
  color-scheme: light;
}

.theme-toggle {
  display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 10px;
  border: 1px solid var(--border); background: transparent; color: var(--text); font-size: 17px; line-height: 1;
  text-decoration: none; flex: none;
}
.theme-toggle:hover { background: var(--surface-2); text-decoration: none; }
:focus-visible { outline: none; box-shadow: var(--focus); }