body[data-theme="theme-1"] {
    --main-bg: #0e1424;
    --navbar-bg: linear-gradient(90deg, #181e2f 30%, #092358 100%);
    --footer-bg-start: #181e2f;
    --footer-bg-end: #212529;
    --footer-bg: linear-gradient(90deg, #181e2f 0%, #212529 100%);
    --navbar-text: #21739d;
    --sidebar-bg: #181e2f;
    --sidebar-text: #227daa;
    --sidebar-hover-bg: rgba(32,189,215,0.1);
    --sidebar-hover-outline: #20BDD780;
    --sidebar-hover-text: #76e8fe;
    --sidebar-active-bg: #1F807B30;
    --sidebar-active-outline: #1F807B90;
    --sidebar-active-hover-bg: #1F807B50;
    --sidebar-active-hover-outline: #1F807BCC;
    --sidebar-active-text: #6ad2cd;
    --card-bg: #0e1424;
    --card-text: #f8f9fa;
    --card-header-text: #f1f5f9;
    --card-border-style: none;
    --card-border-width: 0;
    --card-border-color: transparent;
    --metric-card-border-style: solid;
    --metric-card-border-width: 1px;
    --metric-card-border-color: #112f41;
    --text-primary: #e2e7ec;
    --text-secondary: #f1f5f9;
    --text-muted: #758295;
    --label-color: #758295;
    --btn-primary-bg: #007bff;
    --btn-primary-text: #ffffff;
    --btn-outline-bg: #ffffff;
    --btn-outline-text: #007bff;
    --modal-bg: #1a2038;
    --modal-text: #8796aa;
    --modal-header-bg: #27445b;
    --modal-header-text: #f1f5f9;
    --modal-header-close-filter: invert(1) grayscale(100%) brightness(200%);
    --modal-footer-bg: #293146;
    --modal-btn-primary-bg: #1e6faa;
    --modal-btn-primary-text: #ffffff;
    --modal-btn-secondary-bg: #6c757d;
    --modal-btn-secondary-text: #ffffff;
    --modal-input-bg: #ffffff;
    --table-bg: #0c1220;
    --table-text: #f8f9fa;
    --table-header-bg: #080d18;
    --table-header-text: #e9eef2;
    --form-bg: #ffffff;
    --form-text: #212529;
    --form-input-bg: #ffffff;
    --form-input-text: #212529;
    --badge-success-bg: #28a745;
    --badge-success-text: #ffffff;
    --badge-warning-bg: #ffc107;
    --badge-warning-text: #212529;
    --navbar-hover-text: #1daac3;
    --navbar-brand-text: ;
    --sidebar-logo-url: ;
    --sidebar-user-name: John Doe;
    --sidebar-user-name-text: #d9d9d9;
    --sidebar-logo-size: 60%;
    --sidebar-logo-border-radius: 50%;
    --navbar-brand-font-family: 'Ubuntu', sans-serif;
    --navbar-font-family: Arial, sans-serif;
    --sidebar-font-family: 'Ubuntu', sans-serif;
    --sidebar-user-name-font-family: 'Ubuntu', sans-serif;
    --card-font-family: 'Ubuntu', sans-serif;
    --modal-font-family: 'Ubuntu', sans-serif;
    --table-font-family: 'Ubuntu', sans-serif;
    --navbar-font-size: 1.25rem;
    --navbar-brand-font-size: 1.5rem;
    --sidebar-font-size-collapsed: 1.25rem;
    --sidebar-font-size-expanded: 0.875rem;
    --sidebar-font-size: 0.875rem;
    --sidebar-user-name-font-size: 1.25rem;
    --card-font-size: 0.75rem;
    --modal-font-size: 0.75rem;
    --modal-header-font-size: 1rem;
    --btn-font-size: 0.875rem;
    --table-font-size: 0.75rem;
    --form-font-size: 1rem;
    --badge-font-size: 0.75rem;
    --navbar-brand-font-weight: 700;
    --sidebar-min-width: 14rem;
    --table-striped-bg: #0c1220;
    --table-hover-bg: #0c1220;
    --table-border-radius: 8px;
    --table-border-style: none;
    --table-border-width: 0;
    --table-border-color: transparent;
    --main-text: #e2e7ec;
}

:root {
    --main-bg: #0e1424;
    --navbar-bg: linear-gradient(90deg, #181e2f 30%, #092358 100%);
    --footer-bg-start: #181e2f;
    --footer-bg-end: #212529;
    --footer-bg: linear-gradient(90deg, #181e2f 0%, #212529 100%);
    --navbar-text: #21739d;
    --sidebar-bg: #181e2f;
    --sidebar-text: #227daa;
    --sidebar-hover-bg: rgba(32,189,215,0.1);
    --sidebar-hover-outline: #20BDD780;
    --sidebar-hover-text: #76e8fe;
    --sidebar-active-bg: #1F807B30;
    --sidebar-active-outline: #1F807B90;
    --sidebar-active-hover-bg: #1F807B50;
    --sidebar-active-hover-outline: #1F807BCC;
    --sidebar-active-text: #6ad2cd;
    --card-bg: #0e1424;
    --card-text: #f8f9fa;
    --card-header-text: #f1f5f9;
    --card-border-style: none;
    --card-border-width: 0;
    --card-border-color: transparent;
    --metric-card-border-style: solid;
    --metric-card-border-width: 1px;
    --metric-card-border-color: #112f41;
    --text-primary: #e2e7ec;
    --text-secondary: #f1f5f9;
    --text-muted: #758295;
    --label-color: #758295;
    --btn-primary-bg: #007bff;
    --btn-primary-text: #ffffff;
    --btn-outline-bg: #ffffff;
    --btn-outline-text: #007bff;
    --modal-bg: #1a2038;
    --modal-text: #8796aa;
    --modal-header-bg: #27445b;
    --modal-header-text: #f1f5f9;
    --modal-header-close-filter: invert(1) grayscale(100%) brightness(200%);
    --modal-footer-bg: #293146;
    --modal-btn-primary-bg: #1e6faa;
    --modal-btn-primary-text: #ffffff;
    --modal-btn-secondary-bg: #6c757d;
    --modal-btn-secondary-text: #ffffff;
    --modal-input-bg: #ffffff;
    --table-bg: #0c1220;
    --table-text: #f8f9fa;
    --table-header-bg: #080d18;
    --table-header-text: #e9eef2;
    --form-bg: #ffffff;
    --form-text: #212529;
    --form-input-bg: #ffffff;
    --form-input-text: #212529;
    --badge-success-bg: #28a745;
    --badge-success-text: #ffffff;
    --badge-warning-bg: #ffc107;
    --badge-warning-text: #212529;
    --navbar-hover-text: #1daac3;
    --navbar-brand-text: ;
    --sidebar-logo-url: ;
    --sidebar-user-name: John Doe;
    --sidebar-user-name-text: #d9d9d9;
    --sidebar-logo-size: 60%;
    --sidebar-logo-border-radius: 50%;
    --navbar-brand-font-family: 'Ubuntu', sans-serif;
    --navbar-font-family: Arial, sans-serif;
    --sidebar-font-family: 'Ubuntu', sans-serif;
    --sidebar-user-name-font-family: 'Ubuntu', sans-serif;
    --card-font-family: 'Ubuntu', sans-serif;
    --modal-font-family: 'Ubuntu', sans-serif;
    --table-font-family: 'Ubuntu', sans-serif;
    --navbar-font-size: 1.25rem;
    --navbar-brand-font-size: 1.5rem;
    --sidebar-font-size-collapsed: 1.25rem;
    --sidebar-font-size-expanded: 0.875rem;
    --sidebar-font-size: 0.875rem;
    --sidebar-user-name-font-size: 1.25rem;
    --card-font-size: 0.75rem;
    --modal-font-size: 0.75rem;
    --modal-header-font-size: 1rem;
    --btn-font-size: 0.875rem;
    --table-font-size: 0.75rem;
    --form-font-size: 1rem;
    --badge-font-size: 0.75rem;
    --navbar-brand-font-weight: 700;
    --sidebar-min-width: 14rem;
    --table-striped-bg: #0c1220;
    --table-hover-bg: #0c1220;
    --table-border-radius: 8px;
    --table-border-style: none;
    --table-border-width: 0;
    --table-border-color: transparent;
    --main-text: #e2e7ec;
}

body[data-theme="theme-1"] .intune-contents,
body[data-theme="theme-1"] .tracker-container,
body[data-theme="theme-1"] .showcase-shell,
body[data-theme="theme-1"] .incident-portal-shell,
body[data-theme="theme-1"] .rewards-shell {
    position: relative;
}
body[data-theme="theme-1"] .intune-contents::before,
body[data-theme="theme-1"] .tracker-container::before,
body[data-theme="theme-1"] .showcase-shell::before,
body[data-theme="theme-1"] .incident-portal-shell::before,
body[data-theme="theme-1"] .rewards-shell::before {
    content: "";
    position: fixed;
    z-index: 0;
    pointer-events: none;
    left: var(--sidebar-min-width, 14rem);
    right: 0;
    top: var(--logo-overlay-inset-top, 0);
    bottom: 2rem;
    background-color: transparent;
    background-image: url('/main_static/img/in-tune_watermark.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 110%;
    opacity: 0.05;
    filter: none;
}
/* Service tracker is a full-width public page (no sidebar). */
body[data-theme="theme-1"] .tracker-container::before {
    left: 0;
    top: 0;
}
body[data-theme="theme-1"].sidebar-collapsed .intune-contents::before,
body[data-theme="theme-1"].sidebar-collapsed .showcase-shell::before {
    left: 5rem;
}
body[data-theme="theme-1"].tutor-showcase-page .intune-contents::before,
body[data-theme="theme-1"].tutor-showcase-page .showcase-shell::before,
body[data-theme="theme-1"].incident-portal-page .incident-portal-shell::before,
body[data-theme="theme-1"].rewards-public-page .rewards-shell::before {
    left: 0;
    top: 0;
}
@media (max-width: 1024px) {
    body[data-theme="theme-1"] .intune-contents::before,
body[data-theme="theme-1"] .tracker-container::before,
body[data-theme="theme-1"] .showcase-shell::before,
body[data-theme="theme-1"] .incident-portal-shell::before,
body[data-theme="theme-1"] .rewards-shell::before {
        left: 0;
        right: 0;
        top: var(--mobile-navbar-height, 48px);
        bottom: var(--mobile-footer-height, 2rem);
    }
    body[data-theme="theme-1"].sidebar-collapsed .intune-contents::before,
    body[data-theme="theme-1"].sidebar-collapsed .showcase-shell::before,
    body[data-theme="theme-1"].sidebar-collapsed .incident-portal-shell::before,
    body[data-theme="theme-1"].sidebar-collapsed .rewards-shell::before {
        left: 0;
    }
    body[data-theme="theme-1"] .tracker-container::before,
    body[data-theme="theme-1"].rewards-public-page .rewards-shell::before {
        top: 0;
        bottom: 0;
    }
}
body[data-theme="theme-1"] .intune-contents > *,
body[data-theme="theme-1"] .tracker-container > *,
body[data-theme="theme-1"] .showcase-shell > *,
body[data-theme="theme-1"] .incident-portal-shell > *,
body[data-theme="theme-1"] .rewards-shell > *,
body[data-theme="theme-1"] .hero,
body[data-theme="theme-1"] .showcase-hero,
body[data-theme="theme-1"] .tracker-footer {
    position: relative;
    z-index: 1;
}