/* Темы: data-bs-theme задаётся в theme-init.js (система / светлая / тёмная) */

html[data-bs-theme="dark"] {
  color-scheme: dark;
  --accent: #6366f1;
  --accent-hover: #4f46e5;
  --site-bg-a: #0f0f12;
  --site-bg-b: #1a1a24;
  --site-text: #e2e8f0;
  --site-text-secondary: #94a3b8;
  --site-text-muted: #64748b;
  --site-card: #1a1d23;
  --site-card-elevated: #22262e;
  --site-border: rgba(255, 255, 255, 0.06);
  --site-border-strong: rgba(255, 255, 255, 0.1);
  --site-controls-bg: rgba(0, 0, 0, 0.35);
  --site-input-bg: rgba(0, 0, 0, 0.3);
  --site-input-bg-focus: rgba(0, 0, 0, 0.4);
  --site-input-border: rgba(255, 255, 255, 0.15);
  --site-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  --site-card-hover-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
  --site-link: #94a3b8;
  --site-link-hover: #fff;
  --site-video-wrap: #0c0c10;
  --site-btn-video: rgba(255, 255, 255, 0.12);
  --site-btn-video-border: rgba(255, 255, 255, 0.2);
  --site-btn-video-text: #f1f5f9;
  --site-gate-card-bg: rgba(20, 22, 28, 0.96);
  --site-gate-blur-fallback: #1a1a24;
  --site-comment-item: #2d333d;
  --site-textarea-bg: #1e2229;
  --site-logo-1: #fff;
  --site-logo-2: #94a3b8;
  --site-player-bg: #1a1d23;
  --site-admin-body-a: #0c0e14;
  --site-admin-body-b: #1a1520;
  --site-admin-body-c: #0f0f12;
  --site-thumb-bg: #0f0f12;
  --site-toggle-bg: rgba(30, 32, 40, 0.92);
  --site-toggle-border: rgba(255, 255, 255, 0.12);
  --site-toggle-color: #e2e8f0;
  --admin-accent: #f59e0b;
  --admin-accent-hover: #d97706;
  --site-progress-track: rgba(255, 255, 255, 0.15);
  --site-error-bg: rgba(239, 68, 68, 0.15);
  --site-error-border: rgba(239, 68, 68, 0.3);
  --site-error-text: #fca5a5;
  --site-controls-panel-bg: rgba(0, 0, 0, 0.3);
  --site-auth-admin-border: rgba(245, 158, 11, 0.25);
  --site-auth-admin-icon-bg: rgba(245, 158, 11, 0.15);
  --site-code-inline: #fca5a5;
  --site-code-inline-bg: rgba(0, 0, 0, 0.35);
  --site-kb-toc-bg: rgba(0, 0, 0, 0.25);
  --site-kb-toc-border: rgba(255, 255, 255, 0.08);
  --site-kb-link: #a5b4fc;
  --site-kb-link-hover: #c7d2fe;
  --site-kb-h3: #cbd5e1;
  --site-kb-body: #cbd5e1;
  --site-stat-value: #f8fafc;
  --site-upload-zone-hover: rgba(99, 102, 241, 0.08);
  --site-table-code: #a5b4fc;
}

html[data-bs-theme="light"] {
  color-scheme: light;
  --accent: #4f46e5;
  --accent-hover: #4338ca;
  --site-bg-a: #f8fafc;
  --site-bg-b: #e2e8f0;
  --site-text: #0f172a;
  --site-text-secondary: #64748b;
  --site-text-muted: #94a3b8;
  --site-card: #ffffff;
  --site-card-elevated: #f1f5f9;
  --site-border: rgba(15, 23, 42, 0.08);
  --site-border-strong: rgba(15, 23, 42, 0.12);
  --site-controls-bg: rgba(241, 245, 249, 0.92);
  --site-input-bg: #f8fafc;
  --site-input-bg-focus: #fff;
  --site-input-border: rgba(15, 23, 42, 0.18);
  --site-shadow: 0 12px 40px -12px rgba(15, 23, 42, 0.12);
  --site-card-hover-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
  --site-link: #475569;
  --site-link-hover: #0f172a;
  --site-video-wrap: #0a0a0c;
  --site-btn-video: rgba(99, 102, 241, 0.14);
  --site-btn-video-border: rgba(99, 102, 241, 0.35);
  --site-btn-video-text: #312e81;
  --site-gate-card-bg: rgba(255, 255, 255, 0.97);
  --site-gate-blur-fallback: #e2e8f0;
  --site-comment-item: #f1f5f9;
  --site-textarea-bg: #ffffff;
  --site-logo-1: #0f172a;
  --site-logo-2: #64748b;
  --site-player-bg: #ffffff;
  --site-admin-body-a: #f8fafc;
  --site-admin-body-b: #f1f5f9;
  --site-admin-body-c: #e8eef5;
  --site-thumb-bg: #e2e8f0;
  --site-toggle-bg: rgba(255, 255, 255, 0.95);
  --site-toggle-border: rgba(15, 23, 42, 0.12);
  --site-toggle-color: #0f172a;
  --admin-accent: #d97706;
  --admin-accent-hover: #b45309;
  --site-progress-track: rgba(15, 23, 42, 0.12);
  --site-error-bg: rgba(239, 68, 68, 0.1);
  --site-error-border: rgba(239, 68, 68, 0.35);
  --site-error-text: #991b1b;
  --site-controls-panel-bg: rgba(241, 245, 249, 0.85);
  --site-auth-admin-border: rgba(217, 119, 6, 0.35);
  --site-auth-admin-icon-bg: rgba(217, 119, 6, 0.12);
  --site-code-inline: #b91c1c;
  --site-code-inline-bg: rgba(15, 23, 42, 0.06);
  --site-kb-toc-bg: rgba(241, 245, 249, 0.9);
  --site-kb-toc-border: rgba(15, 23, 42, 0.1);
  --site-kb-link: #4f46e5;
  --site-kb-link-hover: #3730a3;
  --site-kb-h3: #475569;
  --site-kb-body: #334155;
  --site-stat-value: #0f172a;
  --site-upload-zone-hover: rgba(99, 102, 241, 0.1);
  --site-table-code: #4338ca;
}

body {
  background: linear-gradient(135deg, var(--site-bg-a), var(--site-bg-b));
  color: var(--site-text);
  font-family: 'Segoe UI', system-ui, sans-serif;
}

body.body-admin-gradient {
  background: linear-gradient(145deg, var(--site-admin-body-a) 0%, var(--site-admin-body-b) 50%, var(--site-admin-body-c) 100%);
}

.vs-theme-toggle {
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  z-index: 1080;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid var(--site-toggle-border);
  background: var(--site-toggle-bg);
  color: var(--site-toggle-color);
  box-shadow: var(--site-shadow);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
  cursor: pointer;
  transition: transform 0.15s, box-shadow 0.15s;
}

.vs-theme-toggle:hover {
  transform: scale(1.05);
  color: var(--accent);
}

/* Bootstrap в светлой теме */
[data-bs-theme="light"] .table-dark {
  --bs-table-bg: var(--site-card-elevated);
  --bs-table-color: var(--site-text);
  --bs-table-border-color: var(--site-border-strong);
  --bs-table-striped-bg: rgba(15, 23, 42, 0.04);
  --bs-table-hover-bg: rgba(99, 102, 241, 0.08);
}

[data-bs-theme="light"] .modal-content.bg-dark,
[data-bs-theme="light"] .modal-content {
  background-color: var(--site-card) !important;
  color: var(--site-text) !important;
  border-color: var(--site-border-strong) !important;
}

[data-bs-theme="light"] .modal-header.border-secondary,
[data-bs-theme="light"] .modal-footer.border-secondary {
  border-color: var(--site-border) !important;
}

[data-bs-theme="light"] .btn-close-white {
  filter: invert(1) grayscale(100%);
}

[data-bs-theme="light"] .form-control.bg-dark,
[data-bs-theme="light"] .form-select.bg-dark {
  background-color: var(--site-input-bg) !important;
  border-color: var(--site-input-border) !important;
  color: var(--site-text) !important;
}

[data-bs-theme="light"] .form-control.bg-dark:focus,
[data-bs-theme="light"] .form-select.bg-dark:focus {
  background-color: var(--site-input-bg-focus) !important;
  border-color: var(--accent) !important;
  color: var(--site-text) !important;
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);
}

[data-bs-theme="light"] .text-light {
  color: var(--site-text) !important;
}

[data-bs-theme="light"] .text-secondary {
  color: var(--site-text-secondary) !important;
}

[data-bs-theme="light"] .border-secondary {
  border-color: var(--site-border) !important;
}

[data-bs-theme="light"] .alert-danger {
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.35);
  color: #991b1b;
}

[data-bs-theme="light"] .alert-success {
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.35);
  color: #166534;
}

[data-bs-theme="light"] pre.bg-dark {
  background-color: var(--site-card-elevated) !important;
  color: var(--site-text) !important;
  border: 1px solid var(--site-border);
}