:root {
    --navy: #092c4c;
    --ink: #0c2940;
    --blue: #1265a3;
    --aqua: #65d8dc;
    --pale: #eaf8f8;
    --mist: #f5f9fa;
    --line: #dbe7ea;
    --muted: #6c7e89;
    --white: #fff;
    --radius: 18px;
    --shadow: 0 18px 45px rgba(9, 44, 76, .10);
}

body.dark-mode {
    --white: #10202d;
    --mist: #162d3b;
    --pale: #173842;
    --line: #2b4b59;
    --ink: #e9f6f7;
    --navy: #e8fbfc;
    --muted: #b5cbd0;
    --blue: #75dfe2;
    background: #10202d;
}

body.dark-mode .site-header,
body.dark-mode .main-nav,
body.dark-mode .page-loader,
body.dark-mode .btn-light,
body.dark-mode .feature-icon,
body.dark-mode .field input,
body.dark-mode .field select,
body.dark-mode .field textarea,
body.dark-mode .site-preferences button,
body.dark-mode .nav-direction-toggle {
    background: #10202d;
    color: var(--ink);
}

body.dark-mode .feature-icon i {
    color: var(--aqua);
}

body.dark-mode .nav-direction-toggle {
    border-color: #376171;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
}

body.dark-mode .nav-direction-toggle:hover {
    color: #082b3b;
    background: #65d8dc;
    border-color: #65d8dc;
}

body.dark-mode .hero {
    background: linear-gradient(110deg, #173842, #10202d 70%);
}

body.dark-mode .home-banner {
    background: linear-gradient(90deg, rgba(2, 17, 28, .92) 0%, rgba(2, 17, 28, .76) 43%, rgba(2, 17, 28, .42) 100%), url('../Images/img1.jpg') center / cover;
}

body.dark-mode .program-card,
body.dark-mode .coach-card,
body.dark-mode .facility-card {
    background: #162d3b;
}

body.dark-mode .three-d-showcase {
    background: linear-gradient(135deg, #173842, #10202d 78%);
    border-color: #2b4b59;
    box-shadow: inset 0 1px 0 rgba(101, 216, 220, .12), 0 18px 45px rgba(0, 0, 0, .24);
}

body.dark-mode .showcase-copy h3,
body.dark-mode .showcase-copy ul {
    color: #e9f6f7;
}

body.dark-mode .showcase-copy p {
    color: #b5cbd0;
}

body.dark-mode .image-note {
    color: #e9f6f7;
    background: rgba(7, 25, 35, .94);
    border: 1px solid #315968;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .28);
}

body.dark-mode .header-cta,
body.dark-mode .btn {
    color: #e9f6f7;
    background: #0b5363;
}

body.dark-mode .header-cta:hover,
body.dark-mode .btn:hover {
    color: #ffffff;
    background: #14798a;
}

body.dark-mode .btn-light {
    color: #dff7f8;
    background: #193746;
    border-color: #376171;
}

body.dark-mode .btn-light:hover {
    background: #234b5b;
}

body.dark-mode .dark-cta {
    background: #071923;
}

body.dark-mode .dark-cta .btn {
    color: #082b3b;
    background: #65d8dc;
}

body.dark-mode .site-footer {
    color: #c9e0e4;
    background: #071923;
}

body.dark-mode .brand-footer {
    color: #ffffff;
}

body.dark-mode .footer-top p {
    color: #b5d0d5;
}

body.dark-mode .footer-links {
    color: #d8eef0;
}

body.dark-mode .footer-bottom {
    color: #8eb2ba;
}

body.dark-mode .main-nav a,
body.dark-mode .section-head p,
body.dark-mode .lede,
body.dark-mode .card-body p,
body.dark-mode .coach-body p {
    color: var(--muted);
}

body.dark-mode .dashboard-page {
    background: linear-gradient(135deg, #102d3b, #10202d 60%, #173842);
}

body.dark-mode .dashboard-profile,
body.dark-mode .dashboard-sidebar,
body.dark-mode .dashboard-stat,
body.dark-mode .dashboard-panel {
    background: #162d3b;
    border-color: #2b4b59;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
}

body.dark-mode .dashboard-profile strong,
body.dark-mode .dashboard-stat strong,
body.dark-mode .dashboard-panel h2,
body.dark-mode .dashboard-panel-head h2,
body.dark-mode .dashboard-side-link.active,
body.dark-mode .schedule-info strong,
body.dark-mode .schedule-date,
body.dark-mode .plan-name,
body.dark-mode .plan-footer strong,
body.dark-mode .admin-table td:first-child,
body.dark-mode .admin-list strong,
body.dark-mode .coach-status strong {
    color: #e9f6f7;
}

body.dark-mode .dashboard-lede,
body.dark-mode .dashboard-profile span:not(.profile-avatar),
body.dark-mode .dashboard-stat span:not(.dashboard-stat-icon),
body.dark-mode .schedule-info span,
body.dark-mode .schedule-time,
body.dark-mode .progress-detail,
body.dark-mode .plan-copy,
body.dark-mode .admin-table,
body.dark-mode .admin-list small,
body.dark-mode .coach-status small {
    color: #b5cbd0;
}

body.dark-mode .dashboard-side-link {
    color: #b5cbd0;
}

body.dark-mode .dashboard-side-link:hover,
body.dark-mode .dashboard-side-link.active {
    background: #173842;
}

body.dark-mode .nav-dropdown-menu {
    background: #162d3b;
    border-color: #2b4b59;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .3);
}

body.dark-mode .nav-dropdown-menu a {
    color: #b5cbd0;
}

body.dark-mode .nav-dropdown-menu a:hover {
    color: #e9f6f7;
    background: #173842;
}

body.dark-mode .schedule-date {
    background: #173842;
}

body.dark-mode .admin-table th {
    color: #8eabb4;
}

body.dark-mode .admin-table td,
body.dark-mode .coach-status {
    border-color: #2b4b59;
}

body.dark-mode .progress-ring {
    border-color: #244b58;
    border-top-color: #65d8dc;
    border-right-color: #65d8dc;
}

body.dark-mode .programs-banner {
    background: #071923;
}

body.dark-mode[data-page="programs"] .programs-banner h1,
body.dark-mode[data-page="programs"] .programs-banner .lede,
body.dark-mode[data-page="programs"] .programs-banner .btn-light {
    color: #ffffff;
}

body.dark-mode .facility-tech {
    background: #e8fbfc;
    color: #10202d;
}

body.dark-mode .facility-tech h2 {
    color: #10202d;
}

body.dark-mode .facility-tech-copy .lede,
body.dark-mode .facility-tech-list span {
    color: #10202d;
}

body.dark-mode .facility-tech-list {
    border-color: rgba(16, 32, 45, .22);
}

body.dark-mode .facility-tech-list div {
    border-color: rgba(16, 32, 45, .22);
}

body.dark-mode .facility-standards h2,
body.dark-mode .facility-standards .kicker,
body.dark-mode .facility-standards .standards-list span,
body.dark-mode .facility-standards .standards-list strong {
    color: #10202d;
}

body.dark-mode .facility-standards {
    background: #e8fbfc;
}

body.dark-mode[data-page="contact"] .contact-response-section {
    background: #e8fbfc;
    color: #10202d;
}

body.dark-mode[data-page="contact"] .contact-response-section h2,
body.dark-mode[data-page="contact"] .contact-response-section .kicker,
body.dark-mode[data-page="contact"] .contact-response-copy .lede,
body.dark-mode[data-page="contact"] .contact-response-steps span,
body.dark-mode[data-page="contact"] .contact-response-steps b {
    color: #10202d;
}

body.dark-mode[data-page="contact"] .contact-response-steps,
body.dark-mode[data-page="contact"] .contact-response-steps > div {
    border-color: rgba(16, 32, 45, .22);
}

body.dark-mode .auth-page {
    background: #0b1c27;
}

body.dark-mode .auth-panel {
    background: #10202d;
}

body.dark-mode .auth-card h2,
body.dark-mode .auth-field label {
    color: #e9f6f7;
}

body.dark-mode .auth-showcase .eyebrow {
    color: #65d8dc;
}

body.dark-mode .auth-intro,
body.dark-mode .auth-switch,
body.dark-mode .auth-form-note {
    color: #b5cbd0;
}

body.dark-mode .auth-switch a {
    color: #75dfe2;
}

body.dark-mode .auth-form-note.is-success {
    color: #65d8dc;
}

body.dark-mode .social-login-button {
    color: #e9f6f7;
    background: #162d3b;
    border-color: #376171;
}

body.dark-mode .social-login-button:hover {
    background: #173842;
    border-color: #65d8dc;
}

body.dark-mode .auth-field input {
    color: #e9f6f7;
    background: #162d3b;
    border-color: #376171;
}

body.dark-mode .auth-field input::placeholder {
    color: #8eabb4;
}

body.dark-mode .auth-field input:focus {
    background: #173842;
    border-color: #65d8dc;
    box-shadow: 0 0 0 4px rgba(101, 216, 220, .18);
}

body.dark-mode .header-login {
    color: #e9f6f7;
    background: #162d3b;
    border-color: #376171;
}

body.dark-mode .header-login:hover {
    color: #fff;
    background: #65d8dc;
    border-color: #65d8dc;
}

body.dark-mode .password-toggle {
    color: #b5cbd0;
}
