/* ===== DSP Theme Tokens ===== */
:root {
    --theme-primary: #2B3D2B;
    --theme-primary-dark: #1B291B;
    --theme-primary-alt: #3E573E;
    --theme-primary-soft: #EAEFEA;
    --theme-sidebar: #1E2D1E;
    --theme-sidebar-dark: #141F14;
    --theme-sidebar-alt: #2E422E;
    --theme-accent: #ffd166;
    --theme-accent-soft: #fff4d6;
    --theme-success: #2e9d68;
    --theme-danger: #dc5c5c;
    --theme-warning: #d39b16;
    --theme-info: #4c7ef3;
    --theme-bg: #f8fbfd;
    --theme-bg-soft: #F1F4F1;
    --theme-surface: #ffffff;
    --theme-surface-soft: #F7F9F7;
    --theme-text: #1d2b36;
    --theme-text-muted: #6b7b88;
    --theme-border: #CFD9CF;
    --theme-white: #ffffff;
    --theme-shadow-sm: 0 8px 18px rgba(27, 41, 27, 0.06);
    --theme-shadow-md: 0 18px 40px rgba(27, 41, 27, 0.1);
    --theme-shadow-lg: 0 24px 50px rgba(43, 61, 43, 0.16);
    --theme-gradient-main: linear-gradient(135deg, var(--theme-primary-dark) 0%, var(--theme-primary) 58%, var(--theme-primary-alt) 100%);
    --theme-gradient-sidebar: linear-gradient(180deg, var(--theme-sidebar-dark) 0%, var(--theme-sidebar) 45%, var(--theme-sidebar-alt) 100%);
    --theme-gradient-card: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(247, 245, 251, 0.95) 100%);
    --theme-table-header: var(--theme-gradient-main);
    --theme-button-bg: var(--theme-gradient-main);
    --theme-button-text: var(--theme-white);
    --theme-gradient-hover: linear-gradient(135deg, var(--theme-sidebar-dark) 0%, var(--theme-sidebar) 58%, var(--theme-primary) 100%);
}

/* ===== Universal Theme Button Styling ===== */
.btn:not(.btn-danger):not(.btn-link):not(.close):not(.btn-close):not(.navbar-toggler):not(.dropdown-item),
.btn-primary,
.btn-secondary,
.btn-info,
.btn-success,
.btn-warning,
.btn-dark,
.btn-light:not(.dropdown-item):not(.navbar-toggler),
.btn-default,
.btn-action,
.btn-theme,
.btn-theme-view,
.salary-slip-btn,
.cc-student-action-btn,
.tc-student-action-btn,
.certificate-student-action-btn,
.print-btn,
.btn-download,
.btn-animated:not(.btn-danger),
button[type="submit"]:not(.btn-danger):not(.dropdown-item),
.form-actions .btn:not(.btn-danger),
.dt-buttons .btn,
.dataTables_wrapper .dt-buttons .btn,
.dt-button,
.header-back-btn,
.user-profile-print,
.student-profile-action {
    background: var(--theme-gradient-main) !important;
    color: var(--theme-white) !important;
    -webkit-text-fill-color: var(--theme-white) !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(27, 41, 27, 0.2) !important;
    transition: all 0.25s ease !important;
}

.btn:not(.btn-danger):not(.btn-link):not(.close):not(.btn-close):not(.navbar-toggler):not(.dropdown-item) *,
.btn-primary *,
.btn-secondary *,
.btn-info *,
.btn-success *,
.btn-warning *,
.btn-dark *,
.btn-light:not(.dropdown-item):not(.navbar-toggler) *,
.btn-default *,
.btn-action *,
.btn-theme *,
.btn-theme-view *,
.salary-slip-btn *,
.cc-student-action-btn *,
.tc-student-action-btn *,
.certificate-student-action-btn *,
.print-btn *,
.btn-download *,
.btn-animated:not(.btn-danger) *,
button[type="submit"]:not(.btn-danger):not(.dropdown-item) *,
.form-actions .btn:not(.btn-danger) *,
.dt-buttons .btn *,
.dataTables_wrapper .dt-buttons .btn *,
.dt-button *,
.header-back-btn *,
.user-profile-print *,
.student-profile-action * {
    color: var(--theme-white) !important;
    -webkit-text-fill-color: var(--theme-white) !important;
    fill: var(--theme-white) !important;
}

.btn:not(.btn-danger):not(.btn-link):not(.close):not(.btn-close):not(.navbar-toggler):not(.dropdown-item):hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-info:hover,
.btn-success:hover,
.btn-warning:hover,
.btn-dark:hover,
.btn-light:not(.dropdown-item):not(.navbar-toggler):hover,
.btn-default:hover,
.btn-action:hover,
.btn-theme:hover,
.btn-theme-view:hover,
.salary-slip-btn:hover,
.cc-student-action-btn:hover,
.tc-student-action-btn:hover,
.certificate-student-action-btn:hover,
.print-btn:hover,
.btn-download:hover,
.btn-animated:not(.btn-danger):hover,
button[type="submit"]:not(.btn-danger):not(.dropdown-item):hover,
.form-actions .btn:not(.btn-danger):hover,
.dt-buttons .btn:hover,
.dataTables_wrapper .dt-buttons .btn:hover,
.dt-button:hover,
.header-back-btn:hover,
.user-profile-print:hover,
.student-profile-action:hover {
    background: var(--theme-gradient-hover, linear-gradient(135deg, var(--theme-sidebar-dark) 0%, var(--theme-sidebar) 58%, var(--theme-primary) 100%)) !important;
    color: var(--theme-white) !important;
    -webkit-text-fill-color: var(--theme-white) !important;
    box-shadow: 0 8px 22px rgba(27, 41, 27, 0.32) !important;
    transform: translateY(-1px);
}