/* Светлая тема Штурвала — общие CSS-переменные для всех модулей.
   Подключается вместе с /static/js/theme.js (data-theme на <html>). */

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f0ebe3;
  --bg0: #f4f0e8;
  --bg1: #ebe4d8;
  --bg2: #e5dfd4;
  --panel: #ffffff;
  --panel2: #f7f3ec;
  --panel-2: #f7f3ec;
  --panel-solid: #ffffff;
  --card-bg: rgba(255, 255, 255, 0.94);
  --text: #1a2428;
  --muted: #5c6b72;
  --accent: #c45c2a;
  --accent-2: #2a8a7a;
  --ok: #2d8a64;
  --warn: #b8860b;
  --fail: #c44a3a;
  --danger: #c44a3a;
  --border: #d8d0c4;
  --line: rgba(196, 92, 42, 0.22);
  --input: #ffffff;
  --icon: #c00000;
  --shadow: 0 12px 28px rgba(40, 30, 20, 0.12);
}

html[data-theme="light"] body {
  color: var(--text);
  background: linear-gradient(180deg, #f4f0e8, var(--bg)) !important;
}

/* Часто захардкоженные тёмные поверхности в модулях */
html[data-theme="light"] input[type="text"],
html[data-theme="light"] input[type="number"],
html[data-theme="light"] input[type="password"],
html[data-theme="light"] input[type="search"],
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  background: var(--input) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}

html[data-theme="light"] button {
  background: var(--panel2);
  border-color: var(--border);
}

html[data-theme="light"] button.primary {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}

html[data-theme="light"] a {
  color: var(--accent);
}

html[data-theme="light"] .back {
  color: var(--muted);
}

html[data-theme="light"] .wrap,
html[data-theme="light"] .topbar,
html[data-theme="light"] .sub,
html[data-theme="light"] .muted {
  color: inherit;
}

html[data-theme="light"] .sub,
html[data-theme="light"] .muted {
  color: var(--muted);
}

html[data-theme="light"] code {
  background: var(--panel2);
}

html[data-theme="light"] table th,
html[data-theme="light"] table td {
  border-color: var(--border);
}

html[data-theme="light"] .panel,
html[data-theme="light"] .card,
html[data-theme="light"] .apk-link,
html[data-theme="light"] .lk-card {
  background: var(--panel);
  border-color: var(--border);
}

/* pricing / marketplaces sticky cells */
html[data-theme="light"] th.check-col,
html[data-theme="light"] td.check-col,
html[data-theme="light"] th.article-col,
html[data-theme="light"] td.article-col,
html[data-theme="light"] th.name-col,
html[data-theme="light"] td.name-col {
  background: var(--panel) !important;
}

html[data-theme="light"] tr.checked td.name-col {
  background: #f3e8dc !important;
}

/* shop / tsd tablet shells use --bg/--panel already — переменные выше достаточно */
html[data-theme="light"] .toast.err {
  background: #f8e8e6;
  border-color: rgba(196, 74, 58, 0.35);
  color: var(--text);
}