/* ==================== ТЕМЫ ==================== */

/* ==================== СВЕТЛАЯ ТЕМА ==================== */
[data-theme="light"] {
    --bg-primary: #e8ecf1;
    --bg-secondary: #e8ecf1;
    --bg-card: #ebeff4;
    --accent: #4f6ef6;
    --accent-hover: #3d5bd9;
    --accent-light: #eef1fd;
    --danger: #e04a5a;
    --danger-light: #fdecee;
    --success: #3cab6d;
    --success-light: #edf7f1;
    --warning: #e8963a;
    --warning-light: #fef5eb;
    --text-primary: #1a1f36;
    --text-secondary: #7c8294;
    --text-tertiary: #a8aebb;
    --shadow-outer: 3px 3px 7px rgba(166, 175, 189, 0.35), -2px -2px 5px rgba(255, 255, 255, 0.8);
    --shadow-inner: inset 2px 2px 5px rgba(166, 175, 189, 0.3), inset -1px -1px 3px rgba(255, 255, 255, 0.7);
    --shadow-button: 2px 2px 5px rgba(166, 175, 189, 0.3), -1px -1px 3px rgba(255, 255, 255, 0.9);
    --shadow-button-pressed: inset 2px 2px 4px rgba(166, 175, 189, 0.25), inset -1px -1px 2px rgba(255, 255, 255, 0.6);
}

/* ==================== ТЁМНАЯ ТЕМА ==================== */
[data-theme="dark"] {
    --bg-primary: #141822;
    --bg-secondary: #141822;
    --bg-card: #1c2030;
    --accent: #6b8afd;
    --accent-hover: #5a78eb;
    --accent-light: #252b42;
    --danger: #ff6b7a;
    --danger-light: #2a1f24;
    --success: #5ddb92;
    --success-light: #1a2a22;
    --warning: #f0a54a;
    --warning-light: #2a2218;
    --text-primary: #e4e6ed;
    --text-secondary: #9298a8;
    --text-tertiary: #5c6170;
    --shadow-outer: 3px 3px 6px rgba(0, 0, 0, 0.5), -1px -1px 3px rgba(255, 255, 255, 0.04);
    --shadow-inner: inset 2px 2px 4px rgba(0, 0, 0, 0.5), inset -1px -1px 2px rgba(255, 255, 255, 0.03);
    --shadow-button: 2px 2px 4px rgba(0, 0, 0, 0.5), -1px -1px 2px rgba(255, 255, 255, 0.05);
    --shadow-button-pressed: inset 2px 2px 3px rgba(0, 0, 0, 0.5), inset -1px -1px 1px rgba(255, 255, 255, 0.03);
}

/* ==================== ТЕМА МАТЧА ==================== */
/* ==================== ТЕМА МАТЧА — ДОПОЛНИТЕЛЬНЫЕ ПЕРЕОПРЕДЕЛЕНИЯ ==================== */
[data-theme="matcha"] {
    --bg-primary: #e8f0da;
    --bg-secondary: #e8f0da;
    --bg-card: #f2f7e8;
    --accent: #7a9a5a;
    --accent-hover: #6a8a4a;
    --accent-light: #eef5e2;
    --danger: #d4726a;
    --danger-light: #faeceb;
    --success: #6aaa6a;
    --success-light: #e6f4e6;
    --warning: #c4945a;
    --warning-light: #faf0e6;
    --text-primary: #2d3328;
    --text-secondary: #6b7263;
    --text-tertiary: #9aa38e;
    --shadow-outer: 3px 3px 7px rgba(145, 160, 125, 0.3), -2px -2px 5px rgba(255, 255, 255, 0.7);
    --shadow-inner: inset 2px 2px 5px rgba(145, 160, 125, 0.25), inset -1px -1px 3px rgba(255, 255, 255, 0.6);
    --shadow-button: 2px 2px 5px rgba(122, 154, 90, 0.25), -1px -1px 3px rgba(255, 255, 255, 0.8);
    --shadow-button-pressed: inset 2px 2px 4px rgba(122, 154, 90, 0.2), inset -1px -1px 2px rgba(255, 255, 255, 0.5);
    --folder-card-bg: #eef5e2;
    --folder-card-border: #d4e2c0;
    --folder-card-active: #e2eccf;
    --folder-card-title: #5a7a3a;
    --folder-card-info: #7a9a5a;
    --procedure-nav-bg: rgba(232, 240, 218, 0.95);
    --popup-shadow: 0 8px 24px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04);
    --separator: rgba(0, 0, 0, 0.04);
}

/* Переопределяем все элементы, которые могут использовать синий цвет */
[data-theme="matcha"] .tab-btn.active {
    color: #fff;
}

[data-theme="matcha"] .tabs::after {
    background: var(--accent);
}

[data-theme="matcha"] .btn-primary {
    background: var(--accent);
    box-shadow: 2px 3px 6px rgba(122, 154, 90, 0.3);
}

[data-theme="matcha"] .btn-primary:active {
    background: var(--accent-hover);
}

[data-theme="matcha"] .avatar {
    background: var(--accent);
}

[data-theme="matcha"] .procedure-timer-btn {
    background: var(--accent);
    box-shadow: 1px 2px 4px rgba(122, 154, 90, 0.3);
}

[data-theme="matcha"] .procedure-timer-btn:active {
    background: var(--accent-hover);
}

[data-theme="matcha"] .procedure-timer-btn.running {
    background: var(--success);
    box-shadow: 1px 2px 4px rgba(106, 170, 106, 0.3);
}

[data-theme="matcha"] .roadmap-dot.active {
    background: var(--accent);
    box-shadow: 2px 2px 6px rgba(122, 154, 90, 0.3);
}

[data-theme="matcha"] .roadmap-dot.passed {
    background: var(--success-light);
    color: var(--success);
}

[data-theme="matcha"] .modal-btn-save {
    background: var(--accent);
    box-shadow: 2px 3px 6px rgba(122, 154, 90, 0.25);
}

[data-theme="matcha"] .modal-btn-save:active {
    background: var(--accent-hover);
}

[data-theme="matcha"] .profile-avatar {
    background: var(--accent);
}

[data-theme="matcha"] .popup-menu-item:active {
    background: var(--accent-light);
    color: var(--accent);
}

[data-theme="matcha"] .sheet-option:active {
    background: var(--accent-light);
}

[data-theme="matcha"] .profile-item:active {
    background: var(--accent-light);
}

[data-theme="matcha"] .timer-display {
    color: var(--accent);
}

[data-theme="matcha"] .badge-active {
    background: var(--accent-light);
    color: var(--accent);
}

[data-theme="matcha"] .folder-card .project-card-menu {
    color: var(--accent);
}

[data-theme="matcha"] .nav-back-btn:active {
    color: var(--accent);
}

[data-theme="matcha"] .nav-arrow-btn:active {
    color: var(--accent);
}

[data-theme="matcha"] .add-btn-bottom:active {
    border-color: var(--accent);
    color: var(--accent);
}

[data-theme="matcha"] .create-project-card:active {
    border-color: var(--accent);
}

[data-theme="matcha"] .theme-check.active {
    color: var(--accent);
}

[data-theme="matcha"] .description-toggle-btn:active {
    color: var(--accent);
}

[data-theme="matcha"] .description-toggle-btn-inline:active {
    color: var(--accent);
}

[data-theme="matcha"] .procedure-header-menu:active {
    color: var(--accent);
}

[data-theme="matcha"] .project-card-menu:active {
    color: var(--accent);
}

[data-theme="matcha"] .procedure-menu-btn:active {
    color: var(--accent);
}

/* ==================== ТЁМНАЯ ТЕМА — ПЕРЕОПРЕДЕЛЕНИЯ ==================== */
[data-theme="matcha"] .procedure-nav {
    background: rgba(232, 240, 218, 0.95);
}

[data-theme="dark"] .procedure-nav {
    background: rgba(20, 24, 34, 0.95);
}

[data-theme="dark"] .procedure-header-menu:active {
    background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .popup-menu {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .create-project-card:active {
    background: rgba(107, 138, 253, 0.08);
}

[data-theme="dark"] .add-btn-bottom:active {
    background: rgba(107, 138, 253, 0.08);
}

[data-theme="dark"] .procedure-item {
    box-shadow: var(--shadow-outer);
}

[data-theme="dark"] .procedure-item:active {
    box-shadow: var(--shadow-inner);
}

[data-theme="dark"] .project-card-menu:active {
    background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .procedure-menu-btn:active {
    background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .tab-btn {
    color: var(--text-tertiary);
}

[data-theme="dark"] .tab-btn.active {
    color: #fff;
}

[data-theme="dark"] .tabs {
    background: var(--bg-card);
    box-shadow: var(--shadow-inner);
}

[data-theme="dark"] .profile-item + .profile-item {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .project-drag-handle {
    color: var(--text-tertiary);
}

[data-theme="dark"] .roadmap-dot {
    box-shadow: var(--shadow-outer);
}

[data-theme="dark"] .roadmap-dot.passed {
    box-shadow: var(--shadow-inner);
}

[data-theme="dark"] .form-input::placeholder,
[data-theme="dark"] .form-textarea::placeholder,
[data-theme="dark"] .procedure-comment::placeholder {
    color: var(--text-tertiary);
}