/* --- Green Theme (Emerald) --- */
:root.theme-green {
    --title: #166534;
    --body: #f0fdf48b;
    --htitle: #15803d;
    --hbody: #dcfce7db;
    --table-row: #e9fdf0;
    --table-row-hover: #d2f9df;
    --primal: #10b981;
    --primal_dark: #059669;
    --primal-rgb: 16, 185, 129;
    --btn-primary-shadow: rgba(16, 185, 129, 0.4);
    --nav-item-color: var(--table-row);

    /* Login Theme Variables */
    --bg-gradient: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 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(16, 185, 129, 0.075), rgba(255, 255, 255, 0.975));
    --ms-table-border-strong: rgba(16, 185, 129, 0.22);
    --ms-table-row-odd: rgba(248, 255, 250, 0.98);
    --ms-table-row-even: rgba(239, 253, 244, 0.98);
    --ms-table-row-hover: rgba(220, 249, 230, 0.98);
}
:root.theme-green .titlebar {
    background: linear-gradient(90deg, #ffffff 10%, #e9fdf0 90%) !important;
}
:root.theme-green #sidebar {
    background: linear-gradient(180deg, #ffffff 10%, #e9fdf0 100%) !important;
    border-left: 1px solid #d2f9df !important;
}

:root.theme-green .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;
}

/* Green Overrides */
:root.theme-green .dropdown-item:hover {
    background-color: rgba(16, 185, 129, 0.08) !important;
    color: #059669 !important;
}
:root.theme-green .titlebar .btn-light:hover {
    background-color: rgba(16, 185, 129, 0.08) !important;
    color: #059669 !important;
}

/* Success Button Override in Green Theme */
:root.theme-green .btn-outline-success {
    color: #475569 !important;
    border-color: #475569 !important;
}

:root.theme-green .btn-outline-success:hover {
    background-color: #475569 !important;
    border-color: #475569 !important;
    color: #ffffff !important;
}

/* Tutorial Controls Bar */
:root.theme-green #tutorial-controls {
    --tut-next-bg: #10b981;
    --tut-next-bg-hover: #059669;
    --tut-next-shadow: rgba(16, 185, 129, 0.3);
    --tut-progress-color: #166534;
}