/* Dark mode */
html[data-theme="dark"] {
    color-scheme: dark;
    --color-white: #0f172a;
    --color-dark: #e2e8f0;
    --color-primary: #9fc3ff;
    --color-dark-primary: #6fa3ff;
    --color-border: #334155;
    --color-border-light: #1e293b;
    --color-text-body: #cbd5e1;
    --color-text-muted: #94a3b8;
    --color-text-faint: #64748b;
    --bs-body-bg: #0f172a;
    --bs-body-color: #e2e8f0;
    --bs-light: #0f172a;
    --bs-dark: #e2e8f0;
    --bs-border-color: #334155;
    --bs-primary: #9fc3ff;
    --bs-primary-rgb: 159, 195, 255;
    --bs-link-color: #9fc3ff;
    --bs-link-color-rgb: 159, 195, 255;
}

html[data-theme="dark"] body,
html[data-theme="dark"] .site-surface--base {
    background-color: #0f172a !important;
    color: #e2e8f0;
}

html[data-theme="dark"] .site-surface--cool {
    background: linear-gradient(180deg, #111c33 0%, #0f172a 100%);
}

html[data-theme="dark"] .site-surface--warm {
    background: linear-gradient(180deg, #1a2439 0%, #0f172a 100%);
}

html[data-theme="dark"] header,
html[data-theme="dark"] .bg-color-main,
html[data-theme="dark"] .customClasses {
    background-color: #0f172a;
}

html[data-theme="dark"] .navigation {
    background-color: #111c33 !important;
    box-shadow: 0 0.65rem 1.5rem rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .navbar-primary .nav-link,
html[data-theme="dark"] .navbar-nav .nav-link,
html[data-theme="dark"] .navbar-nav .nav-link i {
    color: #dbeafe !important;
    opacity: 1;
}

html[data-theme="dark"] .navbar-primary .nav-link:hover,
html[data-theme="dark"] .navbar-primary .nav-link:focus,
html[data-theme="dark"] .navbar-primary .active > .nav-link,
html[data-theme="dark"] .navbar-primary .show > .nav-link {
    color: #ffffff !important;
}

html[data-theme="dark"] .link-dark,
html[data-theme="dark"] .text-primary,
html[data-theme="dark"] .display-4,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .fs-5,
html[data-theme="dark"] .color-main {
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .com-content-article,
html[data-theme="dark"] .com-content-article .page-header,
html[data-theme="dark"] .com-content-article p,
html[data-theme="dark"] .com-content-article li,
html[data-theme="dark"] .com-content-article .lh-lg,
html[data-theme="dark"] .com-content-article [style*="color: rgba(26, 58, 107"],
html[data-theme="dark"] .com-content-article [style*="color:rgb(26,58,107"],
html[data-theme="dark"] .com-content-article [style*="color: var(--color-primary"] {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .com-content-article a:not(.btn),
html[data-theme="dark"] .com-content-article .readmore a:not(.btn) {
    color: #bfdbfe !important;
}

html[data-theme="dark"] .com-content-article a:not(.btn):hover,
html[data-theme="dark"] .com-content-article a:not(.btn):focus {
    color: #ffffff !important;
}

html[data-theme="dark"] .btn-primary {
    --bs-btn-color: #0b1220;
    --bs-btn-bg: #93c5fd;
    --bs-btn-border-color: #93c5fd;
    --bs-btn-hover-color: #0b1220;
    --bs-btn-hover-bg: #bfdbfe;
    --bs-btn-hover-border-color: #bfdbfe;
    --bs-btn-active-color: #0b1220;
    --bs-btn-active-bg: #7fb6fb;
    --bs-btn-active-border-color: #7fb6fb;
}

html[data-theme="dark"] .office-notice-ticker__shell {
    background: linear-gradient(135deg, rgba(255, 235, 0, 0.14), rgba(17, 28, 51, 0.96));
    border-color: rgba(159, 195, 255, 0.35);
}

html[data-theme="dark"] .office-notice-ticker__label,
html[data-theme="dark"] .office-notice-ticker__text {
    color: #e2e8f0;
}

html[data-theme="dark"] .theme-toggle-btn {
    color: #fde047;
}

html[data-theme="dark"] .top-menu .nav-link:hover,
html[data-theme="dark"] .top-menu .nav-link:focus {
    background: rgba(159, 195, 255, 0.14);
}

html[data-theme="dark"] .top-menu .tooltip-text {
    background: rgba(15, 23, 42, 0.96);
    color: #e2e8f0 !important;
    box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.35);
}

/* Extension-friendly baseline overrides for common components */
html[data-theme="dark"] .card,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .offcanvas,
html[data-theme="dark"] .accordion-item,
html[data-theme="dark"] .table,
html[data-theme="dark"] .table-responsive,
html[data-theme="dark"] .alert,
html[data-theme="dark"] .well,
html[data-theme="dark"] [class*="com-"] .card,
html[data-theme="dark"] [class*="mod-"] .card {
    background-color: #16233a !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .table,
html[data-theme="dark"] .table > :not(caption) > * > * {
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: #1b2a44 !important;
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .inputbox,
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
    background-color: #0b1220;
    color: #e2e8f0;
    border-color: #334155;
}

html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus,
html[data-theme="dark"] .inputbox:focus,
html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select:focus {
    border-color: #6fa3ff;
    box-shadow: 0 0 0 0.2rem rgba(111, 163, 255, 0.2);
}

html[data-theme="dark"] .btn-close {
    filter: invert(1) grayscale(100%) brightness(180%);
}

html[data-theme="dark"] .readonly,
html[data-theme="dark"] input[readonly],
html[data-theme="dark"] textarea[readonly],
html[data-theme="dark"] select[readonly] {
    background: #0b1220;
    color: #94a3b8;
    border-color: #334155;
}

/* External mobile carousel module */
html[data-theme="dark"] .mod-mobilcarousel .mobilcarousel-card,
html[data-theme="dark"] .mod-mobilcarousel .mobilcarousel-card__body,
html[data-theme="dark"] .mod-mobilcarousel .mobilcarousel-card__footer {
    background: #16233a !important;
    color: #dbe7fb !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .mod-mobilcarousel .mobilcarousel-card__body p,
html[data-theme="dark"] .mod-mobilcarousel .mobilcarousel-card__body h3,
html[data-theme="dark"] .mod-mobilcarousel .mobilcarousel-card__body h4,
html[data-theme="dark"] .mod-mobilcarousel .mobilcarousel-card__body .upcoming-events-card__excerpt {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .mod-mobilcarousel .mobilcarousel-card__footer a,
html[data-theme="dark"] .mod-mobilcarousel .mobilcarousel-card__footer .upcoming-events-card__readmore {
    color: #bfdbfe !important;
}

html[data-theme="dark"] .mod-mobilcarousel .mobilcarousel-card__footer a:hover,
html[data-theme="dark"] .mod-mobilcarousel .mobilcarousel-card__footer a:focus {
    color: #ffffff !important;
}

html[data-theme="dark"] .mod-mobilcarousel .mobilcarousel-card__tag {
    background: #1e3a5f !important;
    color: #dbeafe !important;
    border-color: #36547a !important;
}

html[data-theme="dark"] .mod-mobilcarousel .mobilcarousel-tag,
html[data-theme="dark"] .mod-mobilcarousel .mobilcarousel-tag:hover,
html[data-theme="dark"] .mod-mobilcarousel .mobilcarousel-tag:focus-visible {
    background: #1e3a5f !important;
    color: #dbeafe !important;
    border-color: #36547a !important;
    text-decoration: none;
}

/* Footer */
html[data-theme="dark"] footer.site-footer,
html[data-theme="dark"] footer.site-footer.text-bg-primary {
    background: #0f1b33 !important;
    color: #dbeafe !important;
}

html[data-theme="dark"] footer.site-footer .site-footer__main,
html[data-theme="dark"] footer.site-footer .site-footer__bottom,
html[data-theme="dark"] footer.site-footer [class*="footer"] {
    background: transparent !important;
    color: #dbeafe !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] footer.site-footer a,
html[data-theme="dark"] footer.site-footer .nav-link,
html[data-theme="dark"] footer.site-footer h4,
html[data-theme="dark"] footer.site-footer h5,
html[data-theme="dark"] footer.site-footer p,
html[data-theme="dark"] footer.site-footer li,
html[data-theme="dark"] footer.site-footer span {
    color: #dbeafe !important;
}

html[data-theme="dark"] footer.site-footer a:hover,
html[data-theme="dark"] footer.site-footer a:focus {
    color: #ffffff !important;
}

/* Right floating buttons */
html[data-theme="dark"] .floating-buttons .btn-primary,
html[data-theme="dark"] .floating-buttons a.btn-primary {
    --bs-btn-color: #dbeafe;
    --bs-btn-bg: #1e3a5f;
    --bs-btn-border-color: #36547a;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #254b77;
    --bs-btn-hover-border-color: #3f6692;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #1a3f67;
    --bs-btn-active-border-color: #36547a;
}

html[data-theme="dark"] .floating-buttons .btn-primary i,
html[data-theme="dark"] .floating-buttons a.btn-primary i {
    color: #dbeafe !important;
}

/* Mobile header icon row cleanup */
@media (max-width: 991.98px) {
    html[data-theme="dark"] .mobile-menu-small .list-group-item,
    html[data-theme="dark"] .mobile-menu-small .list-group-item.border-0,
    html[data-theme="dark"] .mobile-menu-small li {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html[data-theme="dark"] .mobile-menu-small a,
    html[data-theme="dark"] .mobile-menu-small a:hover,
    html[data-theme="dark"] .mobile-menu-small a:focus,
    html[data-theme="dark"] .mobile-menu-small .theme-toggle-btn,
    html[data-theme="dark"] .mobile-menu-small .theme-toggle-btn:hover,
    html[data-theme="dark"] .mobile-menu-small .theme-toggle-btn:focus,
    html[data-theme="dark"] .mobile-menu-small .accessibility-toggle-btn,
    html[data-theme="dark"] .mobile-menu-small .accessibility-toggle-btn:hover,
    html[data-theme="dark"] .mobile-menu-small .accessibility-toggle-btn:focus {
        text-decoration: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }
}

/* Homepage KPI row */
html[data-theme="dark"] .custom-stats-row {
    background: #16233a !important;
    border-color: #334155 !important;
    box-shadow: 0 0.55rem 1.3rem rgba(0, 0, 0, 0.3);
}

html[data-theme="dark"] .custom-stats-row > [class*="col"] + [class*="col"] {
    border-left-color: #334155 !important;
}

html[data-theme="dark"] .custom-stats-row .bg-white,
html[data-theme="dark"] .custom-stats-row .border,
html[data-theme="dark"] .custom-stats-row .shadow-sm,
html[data-theme="dark"] .custom-stats-row .h-100 {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .custom-stats-row .counter,
html[data-theme="dark"] .custom-stats-row p,
html[data-theme="dark"] .custom-stats-row span {
    color: #dbeafe !important;
}

html[data-theme="dark"] .tus-keywords .tus-keyword,
html[data-theme="dark"] .tus-keywords a.tus-keyword,
html[data-theme="dark"] .tus-keywords span.tus-keyword {
    background: #1e3a5f !important;
    color: #dbeafe !important;
    border-color: #36547a !important;
}

html[data-theme="dark"] .tus-keywords .tus-keyword:hover,
html[data-theme="dark"] .tus-keywords .tus-keyword:focus,
html[data-theme="dark"] .tus-keywords a.tus-keyword:hover,
html[data-theme="dark"] .tus-keywords a.tus-keyword:focus,
html[data-theme="dark"] .tus-keywords span.tus-keyword:hover,
html[data-theme="dark"] .tus-keywords span.tus-keyword:focus {
    background: #254b77 !important;
    border-color: #3f6692 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .upcoming-events-card__tag,
html[data-theme="dark"] .upcoming-events-module .upcoming-events-card__tag {
    background: #1e3a5f !important;
    color: #dbeafe !important;
    border-color: #36547a !important;
}

html[data-theme="dark"] .upcoming-events-card__tag:hover,
html[data-theme="dark"] .upcoming-events-card__tag:focus,
html[data-theme="dark"] .upcoming-events-module .upcoming-events-card__tag:hover,
html[data-theme="dark"] .upcoming-events-module .upcoming-events-card__tag:focus {
    background: #254b77 !important;
    border-color: #3f6692 !important;
    color: #ffffff !important;
    text-decoration: none;
}

html[data-theme="dark"] .team-directory__entry {
    background: #16233a !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .team-directory__entry-name,
html[data-theme="dark"] .team-directory__entry-role,
html[data-theme="dark"] .team-directory__entry-group,
html[data-theme="dark"] .team-directory__entry a {
    color: #dbeafe !important;
}

html[data-theme="dark"] .team-directory__entry a:hover,
html[data-theme="dark"] .team-directory__entry a:focus {
    color: #ffffff !important;
}

html[data-theme="dark"] .team-directory__mail {
    background: #1e3a5f !important;
    border-color: #36547a !important;
    color: #dbeafe !important;
}

html[data-theme="dark"] .team-directory__mail:hover,
html[data-theme="dark"] .team-directory__mail:focus {
    background: #254b77 !important;
    border-color: #3f6692 !important;
    color: #ffffff !important;
    text-decoration: none;
}

html[data-theme="dark"] .team-directory__leader {
    background: linear-gradient(135deg, rgba(30, 58, 95, 0.72), rgba(22, 35, 58, 0.96)) !important;
    border-color: #334155 !important;
    border-left-color: #6fa3ff !important;
}

html[data-theme="dark"] .team-directory__leader-label {
    color: #93c5fd !important;
}

html[data-theme="dark"] .venue-guide__panel--intro {
    background: linear-gradient(135deg, rgba(30, 58, 95, 0.72), rgba(22, 35, 58, 0.96)) !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .venue-guide__panel--intro,
html[data-theme="dark"] .venue-guide__panel--intro p,
html[data-theme="dark"] .venue-guide__panel--intro h2,
html[data-theme="dark"] .venue-guide__panel--intro h3,
html[data-theme="dark"] .venue-guide__panel--intro h4 {
    color: #dbeafe !important;
}

/* Fasching org chart */
html[data-theme="dark"] .fasching-orgchart {
    background: #16233a !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .fasching-orgchart__bubble {
    background: #1e3a5f !important;
    color: #dbeafe !important;
    border-color: #36547a !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .fasching-orgchart__bubble--main {
    background: #254b77 !important;
    color: #ffffff !important;
    border-color: #3f6692 !important;
}

html[data-theme="dark"] .fasching-orgchart__btn {
    background: #1e3a5f !important;
    color: #dbeafe !important;
    border-color: #36547a !important;
}

html[data-theme="dark"] .fasching-orgchart__btn:hover,
html[data-theme="dark"] .fasching-orgchart__btn:focus {
    background: #254b77 !important;
    color: #ffffff !important;
    border-color: #3f6692 !important;
}

/* Breadcrumb */
html[data-theme="dark"] .mod-breadcrumbs,
html[data-theme="dark"] .mod-breadcrumbs__wrapper,
html[data-theme="dark"] .breadcrumb {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .mod-breadcrumbs__here,
html[data-theme="dark"] .breadcrumb .breadcrumb-item {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .breadcrumb .breadcrumb-item a {
    color: #bfdbfe !important;
}

html[data-theme="dark"] .breadcrumb .breadcrumb-item a:hover,
html[data-theme="dark"] .breadcrumb .breadcrumb-item a:focus {
    color: #ffffff !important;
}

html[data-theme="dark"] .breadcrumb-item + .breadcrumb-item::before {
    color: #64748b !important;
}

html[data-theme="dark"] .breadcrumb-item.active,
html[data-theme="dark"] .breadcrumb-item.active span {
    color: #94a3b8 !important;
}

/* Course plan */
html[data-theme="dark"] #hallenbelegung.courseplan-board {
    background: #16233a !important;
    border-color: #334155 !important;
    color: #dbeafe !important;
}

html[data-theme="dark"] #hallenbelegung .courseplan-top-shell,
html[data-theme="dark"] #hallenbelegung .courseplan-toolbar-shell-filters,
html[data-theme="dark"] #hallenbelegung .courseplan-toolbar-shell-weeknav,
html[data-theme="dark"] #hallenbelegung .courseplan-toolbar-shell {
    background: transparent !important;
    color: #dbeafe !important;
}

html[data-theme="dark"] #hallenbelegung button,
html[data-theme="dark"] #hallenbelegung .btn,
html[data-theme="dark"] #hallenbelegung [role="button"] {
    background: #1e3a5f !important;
    border-color: #36547a !important;
    color: #dbeafe !important;
}

html[data-theme="dark"] #hallenbelegung button:hover,
html[data-theme="dark"] #hallenbelegung button:focus,
html[data-theme="dark"] #hallenbelegung .btn:hover,
html[data-theme="dark"] #hallenbelegung .btn:focus,
html[data-theme="dark"] #hallenbelegung [role="button"]:hover,
html[data-theme="dark"] #hallenbelegung [role="button"]:focus {
    background: #254b77 !important;
    border-color: #3f6692 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] #hallenbelegung .courseplan-week-grid,
html[data-theme="dark"] #hallenbelegung .courseplan-day,
html[data-theme="dark"] #hallenbelegung .courseplan-day-column,
html[data-theme="dark"] #hallenbelegung .courseplan-day-card {
    background: #1a2d49 !important;
    border-color: #36547a !important;
    color: #dbeafe !important;
}

html[data-theme="dark"] #hallenbelegung .courseplan-day-name,
html[data-theme="dark"] #hallenbelegung .courseplan-day-date,
html[data-theme="dark"] #hallenbelegung .courseplan-day-heading-name,
html[data-theme="dark"] #hallenbelegung .courseplan-day-heading-date,
html[data-theme="dark"] #hallenbelegung .courseplan-day-col.is-current-day .courseplan-day-heading-name,
html[data-theme="dark"] #hallenbelegung .courseplan-day-col.is-current-day .courseplan-day-heading-date,
html[data-theme="dark"] #hallenbelegung .courseplan-title,
html[data-theme="dark"] #hallenbelegung .courseplan-meta,
html[data-theme="dark"] #hallenbelegung .courseplan-time,
html[data-theme="dark"] #hallenbelegung .courseplan-location,
html[data-theme="dark"] #hallenbelegung .courseplan-filter-status {
    color: #dbeafe !important;
}

html[data-theme="dark"] #hallenbelegung a {
    color: #bfdbfe !important;
}

html[data-theme="dark"] #hallenbelegung a:hover,
html[data-theme="dark"] #hallenbelegung a:focus {
    color: #ffffff !important;
}

html[data-theme="dark"] #hallenbelegung .courseplan-event-card {
    --event-bg: #10233d;
    --event-text: #dbeafe;
    background: var(--event-bg) !important;
    border-color: #36547a !important;
}

html[data-theme="dark"] #hallenbelegung .courseplan-event-card .courseplan-card,
html[data-theme="dark"] #hallenbelegung .courseplan-event-card .courseplan-card-header,
html[data-theme="dark"] #hallenbelegung .courseplan-event-card .courseplan-card-body {
    background: transparent !important;
    color: var(--event-text) !important;
}

/* Reservations form */
html[data-theme="dark"] .com-reservations-page .com-reservations-form-shell {
    background: #16233a !important;
    border-color: #334155 !important;
    color: #dbeafe !important;
}

html[data-theme="dark"] .com-reservations-page .com-reservations-form-shell h1,
html[data-theme="dark"] .com-reservations-page .com-reservations-form-shell h2,
html[data-theme="dark"] .com-reservations-page .com-reservations-form-shell h3,
html[data-theme="dark"] .com-reservations-page .com-reservations-form-shell h4,
html[data-theme="dark"] .com-reservations-page .com-reservations-form-shell p,
html[data-theme="dark"] .com-reservations-page .com-reservations-form-shell label,
html[data-theme="dark"] .com-reservations-page .com-reservations-form-shell .form-label {
    color: #dbeafe !important;
}

html[data-theme="dark"] .com-reservations-page .com-reservations-form-shell input,
html[data-theme="dark"] .com-reservations-page .com-reservations-form-shell select,
html[data-theme="dark"] .com-reservations-page .com-reservations-form-shell textarea {
    background: #0b1220 !important;
    border-color: #36547a !important;
    color: #dbeafe !important;
}

/* Membership guide */
html[data-theme="dark"] .membership-guide__panel,
html[data-theme="dark"] .membership-guide__panel--cta {
    background: linear-gradient(135deg, rgba(30, 58, 95, 0.72), rgba(22, 35, 58, 0.96)) !important;
    border-color: #334155 !important;
    color: #dbeafe !important;
}

html[data-theme="dark"] .membership-guide__panel h2,
html[data-theme="dark"] .membership-guide__panel h3,
html[data-theme="dark"] .membership-guide__panel h4,
html[data-theme="dark"] .membership-guide__panel p,
html[data-theme="dark"] .membership-guide__panel span {
    color: #dbeafe !important;
}

html[data-theme="dark"] .membership-guide__panel--cta .btn,
html[data-theme="dark"] .membership-guide__panel--cta a.btn {
    background: #1e3a5f !important;
    border-color: #36547a !important;
    color: #dbeafe !important;
}

html[data-theme="dark"] .membership-guide__panel--cta .btn:hover,
html[data-theme="dark"] .membership-guide__panel--cta .btn:focus,
html[data-theme="dark"] .membership-guide__panel--cta a.btn:hover,
html[data-theme="dark"] .membership-guide__panel--cta a.btn:focus {
    background: #254b77 !important;
    border-color: #3f6692 !important;
    color: #ffffff !important;
}

/* com_memberships frontend form */
html[data-theme="dark"] .com-memberships-page .com-memberships-form-shell,
html[data-theme="dark"] .com-memberships-page .venue-guide__panel,
html[data-theme="dark"] .com-memberships-page .type-card,
html[data-theme="dark"] .com-memberships-page .family-member-card,
html[data-theme="dark"] .com-memberships-page .consent-box,
html[data-theme="dark"] .com-memberships-page .membership-review-card {
    background: #16233a !important;
    border-color: #334155 !important;
    color: #dbeafe !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .com-memberships-page .step-title,
html[data-theme="dark"] .com-memberships-page .type-name,
html[data-theme="dark"] .com-memberships-page .type-price,
html[data-theme="dark"] .com-memberships-page .type-sub,
html[data-theme="dark"] .com-memberships-page .family-member-title,
html[data-theme="dark"] .com-memberships-page .form-group label,
html[data-theme="dark"] .com-memberships-page .consent-section-title,
html[data-theme="dark"] .com-memberships-page .membership-review-title,
html[data-theme="dark"] .com-memberships-page .membership-review-row dt,
html[data-theme="dark"] .com-memberships-page .membership-review-row dd,
html[data-theme="dark"] .com-memberships-page .membership-review-text,
html[data-theme="dark"] .com-memberships-page .step-label {
    color: #dbeafe !important;
}

html[data-theme="dark"] .com-memberships-page .membership-stepper::before {
    background: linear-gradient(90deg, #36547a, #6fa3ff, #93c5fd, #6fa3ff, #36547a) !important;
}

html[data-theme="dark"] .com-memberships-page .com-memberships-form-intro {
    background: #1a2d49 !important;
    border: 1px solid #36547a !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .com-memberships-page .membership-stepper {
    background: #16233a !important;
    border: 1px solid #334155 !important;
    box-shadow: none !important;
}

html[data-theme="dark"] #membershipForm .membership-stepper {
    background: #16233a !important;
    border: 1px solid #334155 !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .com-memberships-page .form-step {
    background: #16233a !important;
    border: 1px solid #334155 !important;
}

html[data-theme="dark"] #membershipForm .membership-stepper::before {
    background: linear-gradient(90deg, #36547a, #6fa3ff, #93c5fd, #6fa3ff, #36547a) !important;
}

html[data-theme="dark"] #membershipForm .step-label {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .com-memberships-page .venue-guide__kicker {
    color: #93c5fd !important;
    opacity: 0.95;
    letter-spacing: 0.14em;
}

html[data-theme="dark"] #membershipForm .step-navigation,
html[data-theme="dark"] .com-memberships-page .step-navigation {
    border-top: 0 !important;
}

html[data-theme="dark"] .com-memberships-page .input-group-text,
html[data-theme="dark"] #membershipForm .input-group-text {
    background: #1e3a5f !important;
    border-color: #36547a !important;
    color: #dbeafe !important;
}

html[data-theme="dark"] .com-memberships-page input::placeholder,
html[data-theme="dark"] .com-memberships-page textarea::placeholder,
html[data-theme="dark"] #membershipForm input::placeholder,
html[data-theme="dark"] #membershipForm textarea::placeholder,
html[data-theme="dark"] #membershipForm .flatpickr-input::placeholder {
    color: #93a9c7 !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .venue-guide__panel .card .card-body.bg-primary,
html[data-theme="dark"] .venue-guide__panel .card .bg-primary {
    background: #1e3a5f !important;
    color: #dbeafe !important;
}

html[data-theme="dark"] .com-memberships-page .step-dot {
    background: #36547a !important;
    border-color: #0f172a !important;
    color: #dbeafe !important;
}

html[data-theme="dark"] .com-memberships-page .membership-step.active .step-dot {
    background: #6fa3ff !important;
    color: #0b1220 !important;
}

html[data-theme="dark"] .com-memberships-page .membership-step.done .step-dot {
    background: #34d399 !important;
    color: #0b1220 !important;
}

html[data-theme="dark"] .com-memberships-page .sport-pill,
html[data-theme="dark"] .com-memberships-page .legal-consent-trigger,
html[data-theme="dark"] .com-memberships-page .sepa-info-box {
    background: #1e3a5f !important;
    border-color: #36547a !important;
    color: #dbeafe !important;
}

html[data-theme="dark"] .com-memberships-page .sport-pill:has(.sport-radio:checked),
html[data-theme="dark"] .com-memberships-page .type-card:has(.type-radio:checked),
html[data-theme="dark"] .com-memberships-page .legal-consent-trigger:hover,
html[data-theme="dark"] .com-memberships-page .legal-consent-trigger:focus {
    background: #254b77 !important;
    border-color: #3f6692 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .com-memberships-page .form-control,
html[data-theme="dark"] .com-memberships-page .form-select,
html[data-theme="dark"] .com-memberships-page input,
html[data-theme="dark"] .com-memberships-page select,
html[data-theme="dark"] .com-memberships-page textarea,
html[data-theme="dark"] .com-trainings-form .form-control,
html[data-theme="dark"] .com-trainings-form .form-select {
    background: #0b1220 !important;
    border-color: #36547a !important;
    color: #dbeafe !important;
}

html[data-theme="dark"] .com-memberships-page .form-control:focus,
html[data-theme="dark"] .com-memberships-page .form-select:focus,
html[data-theme="dark"] .com-memberships-page input:focus,
html[data-theme="dark"] .com-memberships-page select:focus,
html[data-theme="dark"] .com-memberships-page textarea:focus,
html[data-theme="dark"] .com-trainings-form .form-control:focus,
html[data-theme="dark"] .com-trainings-form .form-select:focus {
    border-color: #6fa3ff !important;
    box-shadow: 0 0 0 0.2rem rgba(111, 163, 255, 0.2) !important;
}

html[data-theme="dark"] .com-memberships-page .consent-box .form-check-input[type="checkbox"] {
    background-color: #0b1220 !important;
    border-color: #36547a !important;
}

html[data-theme="dark"] .com-memberships-page .consent-box .form-check-input[type="checkbox"]:checked {
    background-color: #6fa3ff !important;
    border-color: #6fa3ff !important;
}

html[data-theme="dark"] .com-memberships-page .btn,
html[data-theme="dark"] .com-trainings-form .btn {
    background: #1e3a5f !important;
    border-color: #36547a !important;
    color: #dbeafe !important;
}

html[data-theme="dark"] .com-memberships-page .btn:hover,
html[data-theme="dark"] .com-memberships-page .btn:focus,
html[data-theme="dark"] .com-trainings-form .btn:hover,
html[data-theme="dark"] .com-trainings-form .btn:focus {
    background: #254b77 !important;
    border-color: #3f6692 !important;
    color: #ffffff !important;
}