/* === Токены темы === */
:root{
  --bg:#ffffff;
  --surface:#f6f7f8;
  --surface-2:#eef0f2;
  --text:#111318;
  --muted:#6b7280;
  --border:#e5e7eb;
  --btn:#2d8cff;
  --btn-text:#ffffff;
  --btn-ghost:#f1f3f5;
  --btn-ghost-text:#111318;
  --shadow:0 10px 28px rgba(0,0,0,.09);
}
[data-theme="dark"]{
  --bg:#0d0f12;
  --surface:#16181c;
  --surface-2:#20242a;
  --text:#e9ecf1;
  --muted:#9aa3af;
  --border:#2a2f36;
  --btn:#1a80ff;
  --btn-text:#ffffff;
  --btn-ghost:#262a31;
  --btn-ghost-text:#e9ecf1;
  --shadow:0 12px 32px rgba(0,0,0,.35);
}

/* === Глобальное применение (перекрывает старые стили) === */
html,body{background:var(--bg)!important;color:var(--text)!important}

/* Карточки/контейнеры */
.card, section.card, .container>.card, div[data-card]{
  background:var(--surface)!important;
  color:var(--text)!important;
  border:1px solid var(--border)!important;
  border-radius:16px!important;
  box-shadow:var(--shadow)!important;
}

/* Поля ввода */
input, select, textarea,
input[type="text"],input[type="number"],input[type="email"],input[type="tel"]{
  background:var(--surface-2)!important;
  color:var(--text)!important;
  border:1px solid var(--border)!important;
  border-radius:12px!important;
  caret-color:var(--text)!important;
}
input::placeholder, textarea::placeholder{color:var(--muted)!important}

/* Кнопки */
button,.btn,button.primary{
  background:var(--btn)!important;
  color:var(--btn-text)!important;
  border:0!important;
  border-radius:14px!important;
}
button.outline,.btn-ghost,.btn.secondary,button[variant="ghost"]{
  background:var(--btn-ghost)!important;
  color:var(--btn-ghost-text)!important;
  border:1px solid var(--border)!important;
}
button:disabled,.btn:disabled{
  opacity:.55!important;
  background:var(--btn-ghost)!important;
  color:var(--muted)!important;
  border:1px solid var(--border)!important;
}

/* Мелкие подписи */
.muted, .hint, small, p.description { color:var(--muted)!important }