/* --- Red Theme (Bordeaux) --- */
:root.theme-red {
    --title: #7f1d1d;
    --body: #fef2f28b;
    --htitle: #991b1b;
    --hbody: #fee2e2db;
    --table-row: #fdf2f2;
    --table-row-hover: #fce8e8;
    --primal: #ef4444;
    --primal_dark: #dc2626;
    --primal-rgb: 239, 68, 68;
    --btn-primary-shadow: rgba(239, 68, 68, 0.4);
    --nav-item-color: var(--table-row);

    /* Login Theme Variables */
    --bg-gradient: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    --right-bg: var(--title);
    --primary-color: var(--primal);

    /* Bootstrap Overrides */
    --bs-primary: var(--primal);
    --bs-primary-rgb: var(--primal-rgb);
    --bs-btn-bg: var(--primal);
    --bs-btn-border-color: var(--primal);
    --bs-btn-hover-bg: var(--primal_dark);
    --bs-btn-hover-border-color: var(--primal_dark);
    --bs-link-color: var(--primal);
    --bs-link-hover-color: var(--primal_dark);
    --ms-table-header-surface: linear-gradient(180deg, rgba(239, 68, 68, 0.075), rgba(255, 255, 255, 0.975));
    --ms-table-border-strong: rgba(239, 68, 68, 0.22);
    --ms-table-row-odd: rgba(255, 250, 250, 0.98);
    --ms-table-row-even: rgba(254, 245, 245, 0.98);
    --ms-table-row-hover: rgba(252, 232, 232, 0.98);
}
:root.theme-red .titlebar {
    background: linear-gradient(90deg, #ffffff 10%, #fdeded 90%) !important;
}
:root.theme-red #sidebar {
    background: linear-gradient(180deg, #ffffff 10%, #fdeded 100%) !important;
    border-left: 1px solid #fcdbdb !important;
}

:root.theme-red .page .right {
    background: var(--primal_dark) !important; /* Darker logo container */
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    color: #e2e8f0 !important;
}

/* Red Overrides */
:root.theme-red .dropdown-item:hover {
    background-color: rgba(239, 68, 68, 0.08) !important;
    color: #dc2626 !important;
}
:root.theme-red .titlebar .btn-light:hover {
    background-color: rgba(239, 68, 68, 0.08) !important;
    color: #dc2626 !important;
}

/* Tutorial Controls Bar */
:root.theme-red #tutorial-controls {
    --tut-next-bg: #ef4444;
    --tut-next-bg-hover: #dc2626;
    --tut-next-shadow: rgba(239, 68, 68, 0.3);
    --tut-progress-color: #7f1d1d;
    --tut-skip-color: #64748b;
    --tut-skip-border: #cbd5e1;
    --tut-skip-bg-hover: #f1f5f9;
}