/* Цветовые темы. Применяются через data-theme на . Меняют акцент (и нейтралы — для тёмной темы). Подключается ПОСЛЕ tokens.css. */ :root[data-theme="green"] { --accent: #16a34a; --accent-hover: #15803d; --accent-soft: #dcfce7; --accent-soft-2: #bbf7d0; } :root[data-theme="purple"] { --accent: #7c3aed; --accent-hover: #6d28d9; --accent-soft: #f3e8ff; --accent-soft-2: #e9d5ff; } :root[data-theme="orange"] { --accent: #ea580c; --accent-hover: #c2410c; --accent-soft: #ffedd5; --accent-soft-2: #fed7aa; } :root[data-theme="teal"] { --accent: #0d9488; --accent-hover: #0f766e; --accent-soft: #ccfbf1; --accent-soft-2: #99f6e4; } :root[data-theme="rose"] { --accent: #e11d48; --accent-hover: #be123c; --accent-soft: #ffe4e6; --accent-soft-2: #fecdd3; } :root[data-theme="graphite"] { --accent: #334155; --accent-hover: #1e293b; --accent-soft: #e9edf3; --accent-soft-2: #dbe2ea; } /* Тёмная тема — меняет фон, карточки, текст, границы */ :root[data-theme="dark"] { --bg: #0f172a; --card: #1e293b; --accent: #3b82f6; --accent-hover: #60a5fa; --accent-soft: #1e355f; --accent-soft-2: #24406e; --text: #e8edf5; --text-secondary: #cbd5e1; --text-muted: #94a3b8; --text-faint: #64748b; --border: #334155; --border-soft: #2a3648; --gray-soft: #263248; --success-soft: #16351f; --warning-soft: #3a2e10; --danger-soft: #3a1a1a; --info-soft: #13324a; --shadow: 0 0.0625rem 0.1875rem rgba(0,0,0,.3), 0 0.25rem 1rem rgba(0,0,0,.3); --shadow-lg: 0 0.5rem 1.875rem rgba(0,0,0,.5); --shadow-pop: 0 0.25rem 1.25rem rgba(0,0,0,.5); } :root[data-theme="dark"] .table tbody tr:hover { background: #253147; } :root[data-theme="dark"] .ss-search, :root[data-theme="dark"] .form-control, :root[data-theme="dark"] .form-select { background: var(--card); }