/* ============================================================================
   GENERATED — do not edit by hand.
   Produced by scanning every stylesheet and inline <style> block for rules
   that paint a light background or dark text, then emitting a paired dark
   override for that same selector. Pairing background+colour together is
   what prevents light-text-on-light-background gaps.
   Regenerate with tools/generate_dark_theme.php after changing page styles.
   ========================================================================== */

/* light gradients -> flat dark surface */
html[data-bs-theme="dark"] .cs-icon-wrapper,
html[data-bs-theme="dark"] .duaw-mechanics-body,
html[data-bs-theme="dark"] .sn-modal-icon,
html[data-bs-theme="dark"] .op-session-head,
html[data-bs-theme="dark"] .op-submit,
html[data-bs-theme="dark"] .th-elim-round:not(.is-final-round) .th-elim-node::after,
html[data-bs-theme="dark"] .th-elim-round:not(.is-final-round) .th-elim-node.is-pair-start::before,
html[data-bs-theme="dark"] .th-elim-round:not(.is-final-round) .th-elim-node.is-pair-end::before,
html[data-bs-theme="dark"] .th-elim-slot.is-winner,
html[data-bs-theme="dark"] .tqr-slip-qr,
html[data-bs-theme="dark"] .pp-promo-wavy,
html[data-bs-theme="dark"] .th-podium-item.first,
html[data-bs-theme="dark"] .vn-header-icon,
html[data-bs-theme="dark"] .pp-rating-value,
html[data-bs-theme="dark"] .pp-notif-header,
html[data-bs-theme="dark"] .rfid-section,
html[data-bs-theme="dark"] .bracket-setup__hero,
html[data-bs-theme="dark"] .coach-empty,
html[data-bs-theme="dark"] .ccx-tab-indicator,
html[data-bs-theme="dark"] .th-flight-tile__seed.is-silver,
html[data-bs-theme="dark"] .fr-hero,
html[data-bs-theme="dark"] .fr-row--champion,
html[data-bs-theme="dark"] .time-cell::after,
html[data-bs-theme="dark"] .slot-cell--continuation,
html[data-bs-theme="dark"] .booking-block.confirmed,
html[data-bs-theme="dark"] .booking-block.pending,
html[data-bs-theme="dark"] .booking-block.internal,
html[data-bs-theme="dark"] .booking-block.walkin,
html[data-bs-theme="dark"] .slot--continuation,
html[data-bs-theme="dark"] .cancel-confirm-icon,
html[data-bs-theme="dark"] .flight-setup__hero,
html[data-bs-theme="dark"] .vn-modal-header,
html[data-bs-theme="dark"] .perk-img-wrap,
html[data-bs-theme="dark"] .dupr-validation-modal .dupr-validation-modal__icon {
    background-image: none !important;
}

/* near-white surfaces -> raised card surface + readable text (674) */
html[data-bs-theme="dark"]  body.admin-body:has(.sad-desk),
html[data-bs-theme="dark"] .sad-kpi-icon--new,
html[data-bs-theme="dark"] .sad-kpi-icon--venues,
html[data-bs-theme="dark"] .sad-kpi-icon--bookings,
html[data-bs-theme="dark"] .sad-kpi-icon--staff,
html[data-bs-theme="dark"] .sad-kpi-icon--earnings,
html[data-bs-theme="dark"] .sad-card-header,
html[data-bs-theme="dark"] .sad-chart-loader,
html[data-bs-theme="dark"] .sad-table th,
html[data-bs-theme="dark"] .sad-table tbody tr:hover td,
html[data-bs-theme="dark"] .sad-activity-icon--sale,
html[data-bs-theme="dark"] .sad-activity-icon--reward,
html[data-bs-theme="dark"] .sad-revenue-btn:hover,
html[data-bs-theme="dark"] .sad-owed-btn:hover,
html[data-bs-theme="dark"] .vm-modal,
html[data-bs-theme="dark"] .form-control,
html[data-bs-theme="dark"] .form-select,
html[data-bs-theme="dark"] .form-control:focus,
html[data-bs-theme="dark"] .form-select:focus,
html[data-bs-theme="dark"] .input-group-text,
html[data-bs-theme="dark"] .dropdown-menu,
html[data-bs-theme="dark"] .vm-status-inactive,
html[data-bs-theme="dark"] .vn-modal-card,
html[data-bs-theme="dark"] .pp-confirm-card,
html[data-bs-theme="dark"] .pp-confirm-icon,
html[data-bs-theme="dark"] .pp-confirm-card.is-danger .pp-confirm-icon,
html[data-bs-theme="dark"] .pp-confirm-card.is-warning .pp-confirm-icon,
html[data-bs-theme="dark"] .vn-input,
html[data-bs-theme="dark"] .vn-select,
html[data-bs-theme="dark"] .vn-input:focus,
html[data-bs-theme="dark"] .vn-select:focus,
html[data-bs-theme="dark"] .vn-upload-area:hover,
html[data-bs-theme="dark"] .vm-slot-available,
html[data-bs-theme="dark"] .vm-slot-booked,
html[data-bs-theme="dark"] .vm-slot-internal,
html[data-bs-theme="dark"] .vm-slot-none,
html[data-bs-theme="dark"] .cs-section,
html[data-bs-theme="dark"] .cs-input,
html[data-bs-theme="dark"] .cs-select,
html[data-bs-theme="dark"] .cs-input:focus,
html[data-bs-theme="dark"] .cs-select:focus,
html[data-bs-theme="dark"] .cs-stepper,
html[data-bs-theme="dark"] .cs-stepper button,
html[data-bs-theme="dark"] .cs-toggle-group label,
html[data-bs-theme="dark"] .cs-yn-group label,
html[data-bs-theme="dark"] .premium-stat-card,
html[data-bs-theme="dark"] .card-premium,
html[data-bs-theme="dark"] .stat-icon-mini,
html[data-bs-theme="dark"] .segmented-control,
html[data-bs-theme="dark"] .segmented-control button.active,
html[data-bs-theme="dark"] .task-icon,
html[data-bs-theme="dark"] .stock-progress-bg,
html[data-bs-theme="dark"] .log-icon-wrap,
html[data-bs-theme="dark"] .modal-premium-content,
html[data-bs-theme="dark"] .modal-premium-header,
html[data-bs-theme="dark"] .modal-premium-footer,
html[data-bs-theme="dark"] .premium-input,
html[data-bs-theme="dark"] .premium-select,
html[data-bs-theme="dark"] .ai-chat-widget .ai-chat-window,
html[data-bs-theme="dark"] .ai-chat-widget .ai-chat-messages,
html[data-bs-theme="dark"] .ai-chat-widget .ai-avatar.bot,
html[data-bs-theme="dark"] .ai-chat-widget .ai-msg-bot .ai-msg,
html[data-bs-theme="dark"] .ai-chat-widget .ai-chat-suggestions,
html[data-bs-theme="dark"] .ai-chat-widget .ai-chat-input-area,
html[data-bs-theme="dark"] .ai-chat-widget .ai-chat-input-area input,
html[data-bs-theme="dark"] .ai-chat-widget .ai-chat-input-area input:focus,
html[data-bs-theme="dark"] .chat-container,
html[data-bs-theme="dark"] .chat-messages,
html[data-bs-theme="dark"] .message-avatar,
html[data-bs-theme="dark"] .message-row.received .message-bubble,
html[data-bs-theme="dark"] .chat-input-area,
html[data-bs-theme="dark"] .chat-input-area input,
html[data-bs-theme="dark"] .chat-input-area input:focus,
html[data-bs-theme="dark"] .cs-modal-content,
html[data-bs-theme="dark"] .cs-close-btn:hover,
html[data-bs-theme="dark"] .cs-icon-wrapper,
html[data-bs-theme="dark"] .exp-kpi-card,
html[data-bs-theme="dark"] .exp-kpi-icon--red,
html[data-bs-theme="dark"] .exp-kpi-icon--amber,
html[data-bs-theme="dark"] .exp-filter-bar,
html[data-bs-theme="dark"] .exp-filter-bar .form-select,
html[data-bs-theme="dark"] .exp-card,
html[data-bs-theme="dark"] .exp-card-header,
html[data-bs-theme="dark"] .exp-table tbody tr:hover td,
html[data-bs-theme="dark"] .cat-Payroll,
html[data-bs-theme="dark"] .cat-Utilities,
html[data-bs-theme="dark"] .cat-Marketing,
html[data-bs-theme="dark"] .cat-Software,
html[data-bs-theme="dark"] .exp-action-bar,
html[data-bs-theme="dark"] .exp-search-input,
html[data-bs-theme="dark"] .exp-search-input:focus,
html[data-bs-theme="dark"] .exp-select,
html[data-bs-theme="dark"] .exp-date-input,
html[data-bs-theme="dark"] .exp-clear-link:hover,
html[data-bs-theme="dark"] .exp-alert--success,
html[data-bs-theme="dark"] .exp-alert--danger,
html[data-bs-theme="dark"] .exp-modal .modal-content,
html[data-bs-theme="dark"] .exp-modal .modal-body,
html[data-bs-theme="dark"] .exp-modal .modal-footer,
html[data-bs-theme="dark"] .exp-modal .form-control,
html[data-bs-theme="dark"] .exp-modal .form-select,
html[data-bs-theme="dark"] .exp-modal .form-control:focus,
html[data-bs-theme="dark"] .exp-modal .form-select:focus,
html[data-bs-theme="dark"] .inv-kpi-card,
html[data-bs-theme="dark"] .inv-kpi-icon--amber,
html[data-bs-theme="dark"] .inv-panel,
html[data-bs-theme="dark"] .inv-card,
html[data-bs-theme="dark"] .inv-table tr:hover td,
html[data-bs-theme="dark"] .inv-status--active,
html[data-bs-theme="dark"] .inv-status--inactive,
html[data-bs-theme="dark"] .inv-input,
html[data-bs-theme="dark"] .inv-select,
html[data-bs-theme="dark"] .inv-input:focus,
html[data-bs-theme="dark"] .inv-select:focus,
html[data-bs-theme="dark"] .admin-mobile-topbar,
html[data-bs-theme="dark"] .op-section,
html[data-bs-theme="dark"] .op-job-card,
html[data-bs-theme="dark"] .job-logo-circle,
html[data-bs-theme="dark"] .job-btn.waitlist,
html[data-bs-theme="dark"] .empty-state,
html[data-bs-theme="dark"] .att-card,
html[data-bs-theme="dark"] .att-table tr:hover td,
html[data-bs-theme="dark"] .status--active,
html[data-bs-theme="dark"] .status-paid,
html[data-bs-theme="dark"] .booking-table tbody tr:hover,
html[data-bs-theme="dark"] .booking-decision-modal .modal-footer,
html[data-bs-theme="dark"] .lc-card,
html[data-bs-theme="dark"] .lc-input,
html[data-bs-theme="dark"] .lc-input:focus,
html[data-bs-theme="dark"] .score-tap-minus,
html[data-bs-theme="dark"] .pq-player,
html[data-bs-theme="dark"] .pq-call-btn,
html[data-bs-theme="dark"] #btnOpAnnouncerMute.is-announcer-muted,
html[data-bs-theme="dark"] .dropdown-menu-adjust,
html[data-bs-theme="dark"] .cd-hero-card,
html[data-bs-theme="dark"] .cd-card,
html[data-bs-theme="dark"] .cd-date-btn,
html[data-bs-theme="dark"] .cd-leg-openplay,
html[data-bs-theme="dark"] .cd-booking-table th,
html[data-bs-theme="dark"] .cd-booking-table tr:hover td,
html[data-bs-theme="dark"] .cd-slot-available,
html[data-bs-theme="dark"] .cd-slot-booked-pending,
html[data-bs-theme="dark"] .cd-slot-nodata,
html[data-bs-theme="dark"] .cd-open-play-card,
html[data-bs-theme="dark"] .bk-modal-wrap,
html[data-bs-theme="dark"] .duaw-countdown-unit,
html[data-bs-theme="dark"] .duaw-alert--success,
html[data-bs-theme="dark"] .duaw-alert--error,
html[data-bs-theme="dark"] .duaw-link-btn,
html[data-bs-theme="dark"] .duaw-input,
html[data-bs-theme="dark"] .duaw-input:focus,
html[data-bs-theme="dark"] .duaw-input:disabled,
html[data-bs-theme="dark"] .alert-error,
html[data-bs-theme="dark"] .alert-info,
html[data-bs-theme="dark"] .input-row:focus-within,
html[data-bs-theme="dark"] .alert-success,
html[data-bs-theme="dark"] .social-btn:hover,
html[data-bs-theme="dark"] .bk-type-count,
html[data-bs-theme="dark"] .booking-tab-btn,
html[data-bs-theme="dark"] .bk-card,
html[data-bs-theme="dark"] .bk-empty-card,
html[data-bs-theme="dark"] .status-icon-completed,
html[data-bs-theme="dark"] .status-icon-default,
html[data-bs-theme="dark"] .bk-info-row,
html[data-bs-theme="dark"] .bk-rejection-reason,
html[data-bs-theme="dark"] .sn-modal-card,
html[data-bs-theme="dark"] .sn-modal-foot,
html[data-bs-theme="dark"] .op-alert--ok,
html[data-bs-theme="dark"] .op-alert--err,
html[data-bs-theme="dark"] .op-session-head,
html[data-bs-theme="dark"] .op-input,
html[data-bs-theme="dark"] .op-search-wrap,
html[data-bs-theme="dark"] .op-filter-select,
html[data-bs-theme="dark"] .op-tabs,
html[data-bs-theme="dark"] .op-tab-count,
html[data-bs-theme="dark"] .op-history-row,
html[data-bs-theme="dark"] .op-match-card,
html[data-bs-theme="dark"] .op-match-team,
html[data-bs-theme="dark"] .op-rank-list,
html[data-bs-theme="dark"] .op-rank-row--top,
html[data-bs-theme="dark"] .th-page,
html[data-bs-theme="dark"] .th-search-wrap,
html[data-bs-theme="dark"] .th-filter-select,
html[data-bs-theme="dark"] .th-tabs,
html[data-bs-theme="dark"] .th-tab-count,
html[data-bs-theme="dark"] .th-t-card,
html[data-bs-theme="dark"] .th-match-row,
html[data-bs-theme="dark"] .th-match-meta,
html[data-bs-theme="dark"] .hover-bg-light:hover,
html[data-bs-theme="dark"] .th-terms-modal-actions,
html[data-bs-theme="dark"] .th-terms-tournament-info,
html[data-bs-theme="dark"] .th-terms-scroll-area,
html[data-bs-theme="dark"] .th-agreement-box,
html[data-bs-theme="dark"] .th-agreement-box:has(.th-terms-checkbox:checked),
html[data-bs-theme="dark"] .th-terms-checkbox,
html[data-bs-theme="dark"] .th-terms-checkbox:checked,
html[data-bs-theme="dark"] .th-cat-select-bar,
html[data-bs-theme="dark"] .th-cat-select,
html[data-bs-theme="dark"] .th-cat-tab-btn,
html[data-bs-theme="dark"] .th-qualified-team-card,
html[data-bs-theme="dark"] .th-qualified-search-input,
html[data-bs-theme="dark"] .th-qualified-search-clear,
html[data-bs-theme="dark"] .th-qualified-player-row,
html[data-bs-theme="dark"] .th-highlights-dot.active,
html[data-bs-theme="dark"] .th-raw-team-card,
html[data-bs-theme="dark"] .th-playoff-stage-count,
html[data-bs-theme="dark"] .th-order-row,
html[data-bs-theme="dark"] .th-elim-match,
html[data-bs-theme="dark"] .th-elim-slot,
html[data-bs-theme="dark"] .th-elim-slot.is-winner,
html[data-bs-theme="dark"] .prereg-filter-field select,
html[data-bs-theme="dark"] .prereg-filter-field input,
html[data-bs-theme="dark"] .prereg-filter-apply,
html[data-bs-theme="dark"] .prereg-filter-apply:hover,
html[data-bs-theme="dark"] .prereg-stats,
html[data-bs-theme="dark"] .prereg-stats__table thead th,
html[data-bs-theme="dark"] .prereg-stats__table tbody tr:hover td,
html[data-bs-theme="dark"] .prereg-filter-tabs a.is-active,
html[data-bs-theme="dark"] .prereg-card,
html[data-bs-theme="dark"] .prereg-player,
html[data-bs-theme="dark"] .prereg-doc-link,
html[data-bs-theme="dark"] .prereg-doc-link img,
html[data-bs-theme="dark"] .prereg-doc-link--missing,
html[data-bs-theme="dark"] .prereg-doc-missing-icon,
html[data-bs-theme="dark"] .prereg-doc-missing,
html[data-bs-theme="dark"] .prereg-notes,
html[data-bs-theme="dark"] .prereg-card__actions,
html[data-bs-theme="dark"] .prereg-verify-banner,
html[data-bs-theme="dark"] .prereg-verify-banner--overdue,
html[data-bs-theme="dark"] .prereg-verify-banner--received,
html[data-bs-theme="dark"] .prereg-empty,
html[data-bs-theme="dark"] .prereg-modal,
html[data-bs-theme="dark"] .prereg-modal__icon--approve,
html[data-bs-theme="dark"] .prereg-move-current,
html[data-bs-theme="dark"] .prereg-move-select,
html[data-bs-theme="dark"] .prereg-modal__foot,
html[data-bs-theme="dark"] .prereg-snapshots__filter select,
html[data-bs-theme="dark"] .prereg-snapshots__label-input,
html[data-bs-theme="dark"] .prereg-snapshots__table-wrap,
html[data-bs-theme="dark"] .prereg-snapshots__table thead th,
html[data-bs-theme="dark"] .prereg-snapshots__skill,
html[data-bs-theme="dark"] .prereg-snapshots__division,
html[data-bs-theme="dark"] .prereg-snapshots__empty,
html[data-bs-theme="dark"] .prereg-snapshots__history,
html[data-bs-theme="dark"] .prereg-snapshots__history-list li,
html[data-bs-theme="dark"] .rw-kpi-low-stock,
html[data-bs-theme="dark"] .rw-filter-bar,
html[data-bs-theme="dark"] .rw-filter-tag,
html[data-bs-theme="dark"] .checkout-wrapper,
html[data-bs-theme="dark"] .checkout-card,
html[data-bs-theme="dark"] .payment-side,
html[data-bs-theme="dark"] .qr-container,
html[data-bs-theme="dark"] .qr-image,
html[data-bs-theme="dark"] .form-control-premium:focus,
html[data-bs-theme="dark"] .text-danger-premium,
html[data-bs-theme="dark"] .sr-filters,
html[data-bs-theme="dark"] .sr-select,
html[data-bs-theme="dark"] .sr-venue-tile,
html[data-bs-theme="dark"] .tile-rate,
html[data-bs-theme="dark"] .sr-table-card,
html[data-bs-theme="dark"] .table-header-box,
html[data-bs-theme="dark"] .audit-table tr:hover td,
html[data-bs-theme="dark"] .sr-chart-section,
html[data-bs-theme="dark"] .tg-preview-thumb,
html[data-bs-theme="dark"] .tg-card,
html[data-bs-theme="dark"] .tqr-slip-tear,
html[data-bs-theme="dark"] .tqr-slip-qr,
html[data-bs-theme="dark"] .tqr-qr-frame,
html[data-bs-theme="dark"] .tqr-qr-loading .tqr-qr-fallback,
html[data-bs-theme="dark"] .tqr-qr-missing .tqr-qr-fallback,
html[data-bs-theme="dark"] .sdp-who-joining,
html[data-bs-theme="dark"] .sdp-location-card,
html[data-bs-theme="dark"] .sdp-location-rating,
html[data-bs-theme="dark"] .sdp-sidebar-card,
html[data-bs-theme="dark"] .sdp-participant-card,
html[data-bs-theme="dark"] .pp-promo-wavy,
html[data-bs-theme="dark"] .pp-court-card-v,
html[data-bs-theme="dark"] .pp-quick-card,
html[data-bs-theme="dark"] .pp-quick-card:hover,
html[data-bs-theme="dark"] .sm-card-wrap,
html[data-bs-theme="dark"] .sm-plan-free,
html[data-bs-theme="dark"] .vn-sidebar-item,
html[data-bs-theme="dark"] .vn-sidebar-item:hover,
html[data-bs-theme="dark"] #tournament-cat-tabs .th-cat-tab-btn,
html[data-bs-theme="dark"] .th-tabs-nav,
html[data-bs-theme="dark"] .th-bento-card,
html[data-bs-theme="dark"] .th-category-item,
html[data-bs-theme="dark"] .th-team-card,
html[data-bs-theme="dark"] .th-podium-item,
html[data-bs-theme="dark"] .th-podium-item.first,
html[data-bs-theme="dark"] .rw-kpi-card,
html[data-bs-theme="dark"] .rw-kpi-icon--amber,
html[data-bs-theme="dark"] .rw-card,
html[data-bs-theme="dark"] .rw-table tr:hover td,
html[data-bs-theme="dark"] .rw-prod-img,
html[data-bs-theme="dark"] .rw-prod-no-img,
html[data-bs-theme="dark"] .modal-content,
html[data-bs-theme="dark"] .premium-input:focus,
html[data-bs-theme="dark"] .premium-drop-zone,
html[data-bs-theme="dark"] .premium-drop-zone:hover,
html[data-bs-theme="dark"] .range-tabs,
html[data-bs-theme="dark"] .range-tab.active,
html[data-bs-theme="dark"] .kpi-card,
html[data-bs-theme="dark"] .kpi-icon--green,
html[data-bs-theme="dark"] .kpi-icon--amber,
html[data-bs-theme="dark"] .kpi-icon--mint,
html[data-bs-theme="dark"] .kpi-icon--red,
html[data-bs-theme="dark"] .sr-card,
html[data-bs-theme="dark"] .sr-card-header,
html[data-bs-theme="dark"] .sr-table tbody tr:hover td,
html[data-bs-theme="dark"] .type-merchandise,
html[data-bs-theme="dark"] .type-registration,
html[data-bs-theme="dark"] .type-other,
html[data-bs-theme="dark"] .product-rank,
html[data-bs-theme="dark"] .pp-player,
html[data-bs-theme="dark"] .pp-topnav,
html[data-bs-theme="dark"] .pp-search,
html[data-bs-theme="dark"] .pp-search:focus-within,
html[data-bs-theme="dark"] .pp-search:focus,
html[data-bs-theme="dark"] .pp-iconbtn,
html[data-bs-theme="dark"] .pp-rating-value,
html[data-bs-theme="dark"] .pp-action,
html[data-bs-theme="dark"] .pp-card-service,
html[data-bs-theme="dark"] .pp-notif-item:hover,
html[data-bs-theme="dark"] .pp-notif-footer,
html[data-bs-theme="dark"] .search-dropdown-adjust,
html[data-bs-theme="dark"] .search-item-adjust:hover,
html[data-bs-theme="dark"] .pp-search-avatar,
html[data-bs-theme="dark"] .pp-mob-icon--live,
html[data-bs-theme="dark"] .pp-mob-action-btn,
html[data-bs-theme="dark"] .pp-mob-logout-btn,
html[data-bs-theme="dark"] .pp-theme-toggle,
html[data-bs-theme="dark"] #ppTopNav.pp-mobile-offcanvas,
html[data-bs-theme="dark"] .pp-navlink:hover,
html[data-bs-theme="dark"] .pp-mob-register-btn:hover,
html[data-bs-theme="dark"] .pagination .page-link,
html[data-bs-theme="dark"] .pagination .page-link:hover:not(.active),
html[data-bs-theme="dark"] .qa-card,
html[data-bs-theme="dark"] .qa-icon,
html[data-bs-theme="dark"] .court-card,
html[data-bs-theme="dark"] .court-card.occupied,
html[data-bs-theme="dark"] .court-card.available,
html[data-bs-theme="dark"] .list-card,
html[data-bs-theme="dark"] .roster-time,
html[data-bs-theme="dark"] .login-box input,
html[data-bs-theme="dark"] .login-box input:focus,
html[data-bs-theme="dark"] .form-group input,
html[data-bs-theme="dark"] .form-group select,
html[data-bs-theme="dark"] .form-group textarea,
html[data-bs-theme="dark"] .form-group input:focus,
html[data-bs-theme="dark"] .form-group select:focus,
html[data-bs-theme="dark"] .form-group textarea:focus,
html[data-bs-theme="dark"] .referee-game-select-wrap select,
html[data-bs-theme="dark"] .multi-select,
html[data-bs-theme="dark"] .search-form input,
html[data-bs-theme="dark"] .sub-kpi-card,
html[data-bs-theme="dark"] .sub-kpi-icon--amber,
html[data-bs-theme="dark"] .sub-kpi-icon--green,
html[data-bs-theme="dark"] .sub-card,
html[data-bs-theme="dark"] .sub-table tr:hover td,
html[data-bs-theme="dark"] .sub-avatar,
html[data-bs-theme="dark"] .bkt-report-btn,
html[data-bs-theme="dark"] .bkt-report-btn:hover,
html[data-bs-theme="dark"] .bkt-card.is-final .bkt-report-btn,
html[data-bs-theme="dark"] .th-bracket-header,
html[data-bs-theme="dark"] .bracket-cat-tabs__item,
html[data-bs-theme="dark"] .bracket-group-tabs__item,
html[data-bs-theme="dark"] .bracket-setup,
html[data-bs-theme="dark"] .bracket-setup__hero,
html[data-bs-theme="dark"] .bracket-setup__steps li.is-done span,
html[data-bs-theme="dark"] .bracket-setup__panel,
html[data-bs-theme="dark"] .bracket-setup__textarea,
html[data-bs-theme="dark"] .bracket-setup__input,
html[data-bs-theme="dark"] .bracket-setup__select,
html[data-bs-theme="dark"] .bracket-setup__tabs,
html[data-bs-theme="dark"] .bracket-setup__tab.is-active,
html[data-bs-theme="dark"] .bracket-setup__import-help code,
html[data-bs-theme="dark"] .bracket-setup__team-item,
html[data-bs-theme="dark"] .bracket-setup__team-item.is-confirmed .bracket-setup__team-status,
html[data-bs-theme="dark"] .schedule-grid td,
html[data-bs-theme="dark"] .schedule-grid .table-success,
html[data-bs-theme="dark"] .schedule-grid .table-light,
html[data-bs-theme="dark"] .flight-select-bar,
html[data-bs-theme="dark"] .flight-select-bar__select,
html[data-bs-theme="dark"] .flight-tabs,
html[data-bs-theme="dark"] .flight-tabs__item,
html[data-bs-theme="dark"] .flight-tabs__item:hover,
html[data-bs-theme="dark"] .tsf-tabs a,
html[data-bs-theme="dark"] .tsf-step-tabs a,
html[data-bs-theme="dark"] .tsf-panel,
html[data-bs-theme="dark"] .tsf-pool-card,
html[data-bs-theme="dark"] .tsf-match-card,
html[data-bs-theme="dark"] .tsf-schedule-table tr.is-live,
html[data-bs-theme="dark"] .tsf-modal__card,
html[data-bs-theme="dark"] .tx-kpi-card,
html[data-bs-theme="dark"] .tx-kpi-icon--green,
html[data-bs-theme="dark"] .tx-kpi-icon--amber,
html[data-bs-theme="dark"] .tx-filter-bar,
html[data-bs-theme="dark"] .tx-search-input,
html[data-bs-theme="dark"] .tx-search-input:focus,
html[data-bs-theme="dark"] .tx-select,
html[data-bs-theme="dark"] .tx-card,
html[data-bs-theme="dark"] .tx-table tr:hover td,
html[data-bs-theme="dark"] .tx-avatar,
html[data-bs-theme="dark"] html,
html[data-bs-theme="dark"] .timer-bar,
html[data-bs-theme="dark"] .warn-bar,
html[data-bs-theme="dark"] .fld-inp:focus,
html[data-bs-theme="dark"] .fld-file,
html[data-bs-theme="dark"] .gcash-qr,
html[data-bs-theme="dark"] .copy-btn,
html[data-bs-theme="dark"] .modal-foot,
html[data-bs-theme="dark"] .check-ring,
html[data-bs-theme="dark"] .bk-success-icon-ring,
html[data-bs-theme="dark"] .checkin-card,
html[data-bs-theme="dark"] .slot,
html[data-bs-theme="dark"] .err,
html[data-bs-theme="dark"] .fld-inp,
html[data-bs-theme="dark"] .fld-sel,
html[data-bs-theme="dark"] .fld-sel:focus,
html[data-bs-theme="dark"] .venue,
html[data-bs-theme="dark"] .venue:has(input:checked),
html[data-bs-theme="dark"] .card,
html[data-bs-theme="dark"] .meta,
html[data-bs-theme="dark"] .venue-option:hover,
html[data-bs-theme="dark"] .pay-option:has(input:checked),
html[data-bs-theme="dark"] .bk-date-card,
html[data-bs-theme="dark"] .period-morning .bk-period-icon,
html[data-bs-theme="dark"] .period-afternoon .bk-period-icon,
html[data-bs-theme="dark"] .period-evening .bk-period-icon,
html[data-bs-theme="dark"] .bk-slot,
html[data-bs-theme="dark"] .bk-empty,
html[data-bs-theme="dark"] .cpr-card,
html[data-bs-theme="dark"] .cpr-divider,
html[data-bs-theme="dark"] .cpr-section,
html[data-bs-theme="dark"] .cpr-stat,
html[data-bs-theme="dark"] .cpr-avail-dot.off,
html[data-bs-theme="dark"] .coach-empty,
html[data-bs-theme="dark"] .coach-filter-btn,
html[data-bs-theme="dark"] .ccx-feed-pane,
html[data-bs-theme="dark"] .ccx-composer,
html[data-bs-theme="dark"] .ccx-attach-btn,
html[data-bs-theme="dark"] .ccx-visibility-btn,
html[data-bs-theme="dark"] .ccx-visibility-btn.is-private,
html[data-bs-theme="dark"] .ccx-shared-embed,
html[data-bs-theme="dark"] .ccx-menu-item-neutral:hover,
html[data-bs-theme="dark"] .ccx-post,
html[data-bs-theme="dark"] .ccx-post-menu-btn:hover,
html[data-bs-theme="dark"] .ccx-post-menu,
html[data-bs-theme="dark"] .ccx-post-menu-item,
html[data-bs-theme="dark"] .ccx-post-menu-item:hover,
html[data-bs-theme="dark"] .ccx-action-btn,
html[data-bs-theme="dark"] .ccx-load-more,
html[data-bs-theme="dark"] .ccx-upsell,
html[data-bs-theme="dark"] .ccx-dm-sidebar,
html[data-bs-theme="dark"] .ccx-dm-sidebar-tab,
html[data-bs-theme="dark"] .ccx-dm-convo:hover,
html[data-bs-theme="dark"] .ccx-dm-result:hover,
html[data-bs-theme="dark"] .ccx-dm-menu-item.active-setting,
html[data-bs-theme="dark"] .ccx-dm-messages,
html[data-bs-theme="dark"] .ccx-dm-bubble-row:not(.mine) .ccx-dm-bubble,
html[data-bs-theme="dark"] .ccx-dm-attach-preview,
html[data-bs-theme="dark"] .ccx-dm-input-area,
html[data-bs-theme="dark"] .ccx-dm-attach-btn,
html[data-bs-theme="dark"] .ccx-dm-typing-bubble,
html[data-bs-theme="dark"] .prereg-resubmit-success,
html[data-bs-theme="dark"] .prereg-resubmit-error,
html[data-bs-theme="dark"] .duaw-card,
html[data-bs-theme="dark"] .th-flight-tile,
html[data-bs-theme="dark"] .cx-card,
html[data-bs-theme="dark"] .cx-card__title,
html[data-bs-theme="dark"] .cx-card__blank,
html[data-bs-theme="dark"] .cx-card__scorehead,
html[data-bs-theme="dark"] .cx-card__name--win,
html[data-bs-theme="dark"] .cx-card__scorebox--win,
html[data-bs-theme="dark"] .fl-now-card,
html[data-bs-theme="dark"] .fr-hero,
html[data-bs-theme="dark"] .fr-row,
html[data-bs-theme="dark"] .fr-row--champion,
html[data-bs-theme="dark"] .booking-card,
html[data-bs-theme="dark"] .table th,
html[data-bs-theme="dark"] .receipt-thumb,
html[data-bs-theme="dark"] .schedule-wrap,
html[data-bs-theme="dark"] .sched-row:hover,
html[data-bs-theme="dark"] .time-cell,
html[data-bs-theme="dark"] .time-cell::after,
html[data-bs-theme="dark"] .time-cell--continuation,
html[data-bs-theme="dark"] .slot-cell--continuation,
html[data-bs-theme="dark"] .booking-block.confirmed,
html[data-bs-theme="dark"] .booking-block.pending,
html[data-bs-theme="dark"] .booking-block.internal,
html[data-bs-theme="dark"] .booking-block.walkin,
html[data-bs-theme="dark"] .open-slot,
html[data-bs-theme="dark"] .open-slot:hover,
html[data-bs-theme="dark"] .date-nav-bar,
html[data-bs-theme="dark"] .date-nav-bar .nav-arrow,
html[data-bs-theme="dark"] .date-nav-bar input[type=date],
html[data-bs-theme="dark"] .qb-modal,
html[data-bs-theme="dark"] .qb-type-btn,
html[data-bs-theme="dark"] .qb-type-btn.active.walkin,
html[data-bs-theme="dark"] .qb-type-btn.active.internal,
html[data-bs-theme="dark"] .empty-courts,
html[data-bs-theme="dark"] ' . '.box,
html[data-bs-theme="dark"] .op-prereg-tab,
html[data-bs-theme="dark"] .op-prereg-filters input,
html[data-bs-theme="dark"] .op-prereg-filters select,
html[data-bs-theme="dark"] .op-prereg-table-wrap,
html[data-bs-theme="dark"] .op-prereg-table th,
html[data-bs-theme="dark"] .op-prereg-alert.ok,
html[data-bs-theme="dark"] .op-prereg-alert.err,
html[data-bs-theme="dark"] .op-main-container,
html[data-bs-theme="dark"] .end-match-confirm-card,
html[data-bs-theme="dark"] .end-session-confirm-icon,
html[data-bs-theme="dark"] .oa-tab,
html[data-bs-theme="dark"] .oa-card,
html[data-bs-theme="dark"] .oa-desc,
html[data-bs-theme="dark"] .oa-alert.success,
html[data-bs-theme="dark"] .oa-alert.error,
html[data-bs-theme="dark"] .oa-modal,
html[data-bs-theme="dark"] .prof-card,
html[data-bs-theme="dark"] .prof-input,
html[data-bs-theme="dark"] .prof-input:focus,
html[data-bs-theme="dark"] .prof-input[readonly],
html[data-bs-theme="dark"] .prof-email-highlight,
html[data-bs-theme="dark"] .prof-alert-success,
html[data-bs-theme="dark"] .prof-alert-danger,
html[data-bs-theme="dark"] .status-cancelled,
html[data-bs-theme="dark"] .shift-panel,
html[data-bs-theme="dark"] .act-btn,
html[data-bs-theme="dark"] .act-btn:hover,
html[data-bs-theme="dark"] .act-icon,
html[data-bs-theme="dark"] .grid-container,
html[data-bs-theme="dark"] .grid-row:hover,
html[data-bs-theme="dark"] .time-box,
html[data-bs-theme="dark"] .time-box--continuation,
html[data-bs-theme="dark"] .slot--continuation,
html[data-bs-theme="dark"] .bk-confirmed,
html[data-bs-theme="dark"] .bk-pending,
html[data-bs-theme="dark"] .bk-walkin,
html[data-bs-theme="dark"] .bk-internal,
html[data-bs-theme="dark"] .open-btn,
html[data-bs-theme="dark"] .open-btn:hover,
html[data-bs-theme="dark"] .log-card,
html[data-bs-theme="dark"] .log-price,
html[data-bs-theme="dark"] .cancel-confirm-detail,
html[data-bs-theme="dark"] .cancel-confirm-foot,
html[data-bs-theme="dark"] .team-card,
html[data-bs-theme="dark"] .player-row,
html[data-bs-theme="dark"] .flight-setup,
html[data-bs-theme="dark"] .flight-setup__hero,
html[data-bs-theme="dark"] .flight-match,
html[data-bs-theme="dark"] .flight-match__type,
html[data-bs-theme="dark"] .flight-match__team,
html[data-bs-theme="dark"] .alert-warning,
html[data-bs-theme="dark"] .alert-danger,
html[data-bs-theme="dark"] .table-hover tbody tr:hover,
html[data-bs-theme="dark"] .bi-star-fill.me-2,
html[data-bs-theme="dark"] .th-flight-tile__row:hover,
html[data-bs-theme="dark"] .th-flight-tile.is-drop-target,
html[data-bs-theme="dark"] .th-swap-btn:hover,
html[data-bs-theme="dark"] .th-seed-input.is-invalid,
html[data-bs-theme="dark"] .th-standings-table th,
html[data-bs-theme="dark"] .th-flight-tile__row--gold td,
html[data-bs-theme="dark"] .th-flight-tile__row--silver td,
html[data-bs-theme="dark"] .vn-modal-header,
html[data-bs-theme="dark"] .team-item,
html[data-bs-theme="dark"] .team-item:hover,
html[data-bs-theme="dark"] .flight-container,
html[data-bs-theme="dark"] .flight-count,
html[data-bs-theme="dark"] .pp-numpad-card,
html[data-bs-theme="dark"] .pp-numpad-close,
html[data-bs-theme="dark"] .pp-numpad-display,
html[data-bs-theme="dark"] .pp-numpad-grid button,
html[data-bs-theme="dark"] .pp-numpad-grid button:active,
html[data-bs-theme="dark"] .pp-numpad-grid .pp-numpad-muted,
html[data-bs-theme="dark"] .pp-score-numpad,
html[data-bs-theme="dark"] .pp-score-card,
html[data-bs-theme="dark"] .pp-score-step,
html[data-bs-theme="dark"] .pp-score-team__input,
html[data-bs-theme="dark"] .tpi-cancelled,
html[data-bs-theme="dark"] .tpi-stat,
html[data-bs-theme="dark"] .search-item:hover,
html[data-bs-theme="dark"] .available-card,
html[data-bs-theme="dark"] .add-team-tabs button,
html[data-bs-theme="dark"] #deleteUserModalBackdrop .delete-user-dialog,
html[data-bs-theme="dark"] .afo-card,
html[data-bs-theme="dark"] .afo-input,
html[data-bs-theme="dark"] .afo-status.pending,
html[data-bs-theme="dark"] .afo-status.approved,
html[data-bs-theme="dark"] .afo-status.rejected,
html[data-bs-theme="dark"] .afo-alert.success,
html[data-bs-theme="dark"] .afo-alert.error,
html[data-bs-theme="dark"] .assessment-container,
html[data-bs-theme="dark"] .statement-row,
html[data-bs-theme="dark"] .statement-row:hover,
html[data-bs-theme="dark"] .yn-toggle input:checked + label,
html[data-bs-theme="dark"] .clubs-page,
html[data-bs-theme="dark"] .club-card,
html[data-bs-theme="dark"] .club-btn.leave,
html[data-bs-theme="dark"] .city-filter-btn,
html[data-bs-theme="dark"] .pp-quick-card-owner,
html[data-bs-theme="dark"] .eg-page,
html[data-bs-theme="dark"] .ep-page,
html[data-bs-theme="dark"] .ep-nav-card,
html[data-bs-theme="dark"] .ep-nav-item:hover,
html[data-bs-theme="dark"] .ep-nav-item.active,
html[data-bs-theme="dark"] .gd-header,
html[data-bs-theme="dark"] .gd-cover,
html[data-bs-theme="dark"] .membership-bar,
html[data-bs-theme="dark"] .owner-tooltip,
html[data-bs-theme="dark"] .member-card,
html[data-bs-theme="dark"] .invite-box-themed,
html[data-bs-theme="dark"] .action-card,
html[data-bs-theme="dark"] .action-card:hover,
html[data-bs-theme="dark"] .search-player-item:hover,
html[data-bs-theme="dark"] .chat-sidebar,
html[data-bs-theme="dark"] .chat-sidebar-messages,
html[data-bs-theme="dark"] .chat-bubble.them,
html[data-bs-theme="dark"] .chat-sidebar-footer,
html[data-bs-theme="dark"] .chat-input-wrapper,
html[data-bs-theme="dark"] .chat-input-wrapper:focus-within,
html[data-bs-theme="dark"] .hc-layout,
html[data-bs-theme="dark"] .hc-map,
html[data-bs-theme="dark"] .cta-card,
html[data-bs-theme="dark"] .cta-card:hover,
html[data-bs-theme="dark"] .ep-group-card,
html[data-bs-theme="dark"] .ep-group-avatar,
html[data-bs-theme="dark"] .invite-alert,
html[data-bs-theme="dark"] .discover-card,
html[data-bs-theme="dark"] .vn-upload-area,
html[data-bs-theme="dark"] .vn-upload-btn,
html[data-bs-theme="dark"] .ep-select-card-inner,
html[data-bs-theme="dark"] .ep-select-check,
html[data-bs-theme="dark"] .ep-select-card input:checked~.ep-select-card-inner,
html[data-bs-theme="dark"] .op-session-card,
html[data-bs-theme="dark"] .op-dashboard-court,
html[data-bs-theme="dark"] .player-avatar,
html[data-bs-theme="dark"] .match-footer,
html[data-bs-theme="dark"] .q-games,
html[data-bs-theme="dark"] .q-wait,
html[data-bs-theme="dark"] .live-job-card,
html[data-bs-theme="dark"] .op-perk-card,
html[data-bs-theme="dark"] .perk-img-wrap,
html[data-bs-theme="dark"] .perk-details,
html[data-bs-theme="dark"] .stock-in,
html[data-bs-theme="dark"] .stock-low,
html[data-bs-theme="dark"] .stock-out,
html[data-bs-theme="dark"] .dupr-validation-modal .dupr-validation-modal__icon,
html[data-bs-theme="dark"] .ep-avatar-sm,
html[data-bs-theme="dark"] .rewards-card,
html[data-bs-theme="dark"] .reward-img,
html[data-bs-theme="dark"] .reward-status,
html[data-bs-theme="dark"] .pagination-btn,
html[data-bs-theme="dark"] .pagination-btn:hover:not(.disabled),
html[data-bs-theme="dark"] .step,
html[data-bs-theme="dark"] .plan-summary,
html[data-bs-theme="dark"] .gcash-info,
html[data-bs-theme="dark"] .split-card-container,
html[data-bs-theme="dark"] .split-right,
html[data-bs-theme="dark"] .sp-f-icon,
html[data-bs-theme="dark"] .split-no-sub,
html[data-bs-theme="dark"] #tournament-cat-tabs,
html[data-bs-theme="dark"] #termsModal .th-terms-modal-actions,
html[data-bs-theme="dark"] .wrap,
html[data-bs-theme="dark"] .footer,
html[data-bs-theme="dark"] .ref-box,
html[data-bs-theme="dark"] .toolbar button,
html[data-bs-theme="dark"] .toolbar a,
html[data-bs-theme="dark"] .page,
html[data-bs-theme="dark"] .ss-logo--brand,
html[data-bs-theme="dark"] .ss-logo-fallback,
html[data-bs-theme="dark"] .team-block-cut::after,
html[data-bs-theme="dark"] th,
html[data-bs-theme="dark"] tr:nth-child(even) td {
    background-color: var(--dk-surface) !important;
    color: var(--dk-text) !important;
}

/* light-grey surfaces -> elevated tone, preserving original depth (174) */
html[data-bs-theme="dark"] .vm-progress-bar-bg,
html[data-bs-theme="dark"] .vm-amenity-remove,
html[data-bs-theme="dark"] .cs-stepper button:hover,
html[data-bs-theme="dark"] .ai-chat-widget .ai-avatar.user,
html[data-bs-theme="dark"] .exp-kpi-icon--blue,
html[data-bs-theme="dark"] .exp-table th,
html[data-bs-theme="dark"] .cat-Rent,
html[data-bs-theme="dark"] .cat-Equipment,
html[data-bs-theme="dark"] .cat-Other,
html[data-bs-theme="dark"] .inv-kpi-icon--blue,
html[data-bs-theme="dark"] .inv-kpi-icon--purple,
html[data-bs-theme="dark"] .inv-card-header,
html[data-bs-theme="dark"] .inv-table th,
html[data-bs-theme="dark"] .admin-mobile-menu-btn,
html[data-bs-theme="dark"] .admin-mobile-menu-btn:active,
html[data-bs-theme="dark"] .att-table th,
html[data-bs-theme="dark"] .status--completed,
html[data-bs-theme="dark"] .status-unavailable,
html[data-bs-theme="dark"] .pagination .page-link:hover,
html[data-bs-theme="dark"] .booking-table thead th,
html[data-bs-theme="dark"] .booking-decision-modal .modal-header,
html[data-bs-theme="dark"] .status-inactive,
html[data-bs-theme="dark"] .meta-box,
html[data-bs-theme="dark"] .cd-page,
html[data-bs-theme="dark"] .cd-date-btn:hover,
html[data-bs-theme="dark"] .cd-leg-available,
html[data-bs-theme="dark"] .cd-leg-booked,
html[data-bs-theme="dark"] .cd-leg-internal,
html[data-bs-theme="dark"] .cd-slot-booked,
html[data-bs-theme="dark"] .cd-slot-internal,
html[data-bs-theme="dark"] .duaw-link-btn:hover,
html[data-bs-theme="dark"] .duaw-mechanics-body,
html[data-bs-theme="dark"] .pp-landing-premium .pp-dot,
html[data-bs-theme="dark"] .booking-tab-btn:hover,
html[data-bs-theme="dark"] .status-icon-inprogress,
html[data-bs-theme="dark"] .status-icon-cancelled,
html[data-bs-theme="dark"] .bk-info-divider,
html[data-bs-theme="dark"] .op-submit,
html[data-bs-theme="dark"] .op-discover-live-btn:hover,
html[data-bs-theme="dark"] .op-tab.is-active .op-tab-count,
html[data-bs-theme="dark"] .job-btn:hover,
html[data-bs-theme="dark"] .job-btn.waitlist:hover,
html[data-bs-theme="dark"] .th-tab.is-active .th-tab-count,
html[data-bs-theme="dark"] .th-t-meta-divider,
html[data-bs-theme="dark"] .th-t-card:hover .th-t-btn,
html[data-bs-theme="dark"] .th-cat-tab-btn:hover,
html[data-bs-theme="dark"] .th-qualified-search-clear:hover,
html[data-bs-theme="dark"] .th-elim-round:not(.is-final-round) .th-elim-node::after,
html[data-bs-theme="dark"] .th-elim-round:not(.is-final-round) .th-elim-node.is-pair-start::before,
html[data-bs-theme="dark"] .th-elim-round:not(.is-final-round) .th-elim-node.is-pair-end::before,
html[data-bs-theme="dark"] .prereg-modal__icon--verify,
html[data-bs-theme="dark"] .prereg-modal__icon--move,
html[data-bs-theme="dark"] .prereg-modal__icon--decline,
html[data-bs-theme="dark"] .prereg-modal__icon--delete,
html[data-bs-theme="dark"] .prereg-modal__icon--limit,
html[data-bs-theme="dark"] .prereg-snapshots__th-date,
html[data-bs-theme="dark"] .prereg-snapshots__th-time.is-live,
html[data-bs-theme="dark"] .prereg-snapshots__total-row th,
html[data-bs-theme="dark"] .prereg-snapshots__total-row td,
html[data-bs-theme="dark"] .prereg-snapshots__history-del,
html[data-bs-theme="dark"] .prereg-snapshots__history-del:hover,
html[data-bs-theme="dark"] .premium-drop-zone.drag-active,
html[data-bs-theme="dark"] .rw-filter-group + .rw-filter-group::before,
html[data-bs-theme="dark"] .rw-filter-clear:hover,
html[data-bs-theme="dark"] .audit-table th,
html[data-bs-theme="dark"] .tqr-close:hover,
html[data-bs-theme="dark"] .tqr-close:focus-visible,
html[data-bs-theme="dark"] .tqr-kicker-dot,
html[data-bs-theme="dark"] .tqr-submit,
html[data-bs-theme="dark"] .ue-kicker::before,
html[data-bs-theme="dark"] .ue-close:hover,
html[data-bs-theme="dark"] .ue-close:focus-visible,
html[data-bs-theme="dark"] .ue-register-btn,
html[data-bs-theme="dark"] .ue-progress > span,
html[data-bs-theme="dark"] .ue-nav-btn:hover:not(:disabled),
html[data-bs-theme="dark"] .ue-nav-btn:focus-visible:not(:disabled),
html[data-bs-theme="dark"] .sdp-page,
html[data-bs-theme="dark"] .sdp-map-fallback,
html[data-bs-theme="dark"] .sdp-qi-icon,
html[data-bs-theme="dark"] .sdp-participant-avatar,
html[data-bs-theme="dark"] .pickle-loader-dots span,
html[data-bs-theme="dark"] .bubble-2,
html[data-bs-theme="dark"] .bubble-3,
html[data-bs-theme="dark"] .court-v-img-wrap,
html[data-bs-theme="dark"] .pp-dot,
html[data-bs-theme="dark"] .sm-close,
html[data-bs-theme="dark"] .sm-close:hover,
html[data-bs-theme="dark"] #tournament-cat-tabs .th-cat-tab-btn:hover,
html[data-bs-theme="dark"] .th-tab-btn:hover,
html[data-bs-theme="dark"] .th-category-item:hover,
html[data-bs-theme="dark"] .vn-header-icon,
html[data-bs-theme="dark"] .vn-page,
html[data-bs-theme="dark"] .vn-back:hover,
html[data-bs-theme="dark"] .rw-kpi-icon--blue,
html[data-bs-theme="dark"] .rw-kpi-icon--purple,
html[data-bs-theme="dark"] .rw-table th,
html[data-bs-theme="dark"] .kpi-icon--blue,
html[data-bs-theme="dark"] .kpi-icon--purple,
html[data-bs-theme="dark"] .breakdown-bar-track,
html[data-bs-theme="dark"] .sr-table th,
html[data-bs-theme="dark"] .type-court_fee,
html[data-bs-theme="dark"] .type-rental,
html[data-bs-theme="dark"] .pp-iconbtn:hover,
html[data-bs-theme="dark"] .pp-notif-header,
html[data-bs-theme="dark"] .pp-notif-item.unread,
html[data-bs-theme="dark"] .pp-notif-item.unread:hover,
html[data-bs-theme="dark"] .pp-mob-action-btn:hover,
html[data-bs-theme="dark"] .pp-mob-logout-btn:hover,
html[data-bs-theme="dark"] .rfid-section,
html[data-bs-theme="dark"] .rank-gray,
html[data-bs-theme="dark"] .sub-kpi-icon--blue,
html[data-bs-theme="dark"] .sub-table th,
html[data-bs-theme="dark"] .bkt-card.is-final .bkt-report-btn:hover,
html[data-bs-theme="dark"] .bracket-cat-tabs__item:hover,
html[data-bs-theme="dark"] .bracket-group-tabs__item:hover,
html[data-bs-theme="dark"] .bracket-setup__steps li span,
html[data-bs-theme="dark"] .bracket-setup__panel--teams .bracket-setup__step,
html[data-bs-theme="dark"] .bracket-setup__team-status,
html[data-bs-theme="dark"] .bkt-court__select,
html[data-bs-theme="dark"] .schedule-grid .table-warning,
html[data-bs-theme="dark"] .schedule-grid .table-info,
html[data-bs-theme="dark"] .tx-kpi-icon--blue,
html[data-bs-theme="dark"] .tx-kpi-icon--purple,
html[data-bs-theme="dark"] .tx-table thead tr,
html[data-bs-theme="dark"] .err-bar,
html[data-bs-theme="dark"] .checkin-btn:hover,
html[data-bs-theme="dark"] .bk-page,
html[data-bs-theme="dark"] .cpr-page,
html[data-bs-theme="dark"] .ccx-tab-indicator,
html[data-bs-theme="dark"] .ccx-attach-btn:hover,
html[data-bs-theme="dark"] .ccx-visibility-btn:hover,
html[data-bs-theme="dark"] .ccx-visibility-btn.is-private:hover,
html[data-bs-theme="dark"] .ccx-action-btn.liked,
html[data-bs-theme="dark"] .ccx-dm-convo.active,
html[data-bs-theme="dark"] .ccx-dm-convo-menu-btn:hover,
html[data-bs-theme="dark"] .ccx-dm-attach-btn:hover,
html[data-bs-theme="dark"] .th-flight-tile__seed.is-silver,
html[data-bs-theme="dark"] .cx-card__name--loss,
html[data-bs-theme="dark"] .cx-card__scorebox,
html[data-bs-theme="dark"] .cx-card__scorebox--loss,
html[data-bs-theme="dark"] .fl-next-num,
html[data-bs-theme="dark"] .flash-bar.success,
html[data-bs-theme="dark"] .flash-bar.error,
html[data-bs-theme="dark"] .op-prereg-tab:not(.is-active) .op-prereg-count,
html[data-bs-theme="dark"] .oa-tab:hover,
html[data-bs-theme="dark"] .status-registered,
html[data-bs-theme="dark"] .status-waitlist,
html[data-bs-theme="dark"] .status-rejected,
html[data-bs-theme="dark"] .cancel-confirm-icon,
html[data-bs-theme="dark"] .sn-modal-icon,
html[data-bs-theme="dark"] .flight-match__type--final,
html[data-bs-theme="dark"] .flight-match__team--winner,
html[data-bs-theme="dark"] .card > .card-header h3 > .bi,
html[data-bs-theme="dark"] .card > .card-header h5 > .bi,
html[data-bs-theme="dark"] .card > .card-body > h5 > .bi,
html[data-bs-theme="dark"] .bi-people-fill.me-2,
html[data-bs-theme="dark"] .bi-trophy-fill.me-2,
html[data-bs-theme="dark"] .bi-diagram-3.me-2,
html[data-bs-theme="dark"] .bi-list-ol.me-2,
html[data-bs-theme="dark"] .pp-score-step:hover,
html[data-bs-theme="dark"] .tpi-unpaid,
html[data-bs-theme="dark"] .tpi-paid,
html[data-bs-theme="dark"] .tpi-submitted,
html[data-bs-theme="dark"] .status-pending,
html[data-bs-theme="dark"] .status-approved,
html[data-bs-theme="dark"] .vn-section-divider::before,
html[data-bs-theme="dark"] .vn-section-divider::after,
html[data-bs-theme="dark"] .yn-toggle,
html[data-bs-theme="dark"] .dot,
html[data-bs-theme="dark"] .city-filter-btn:hover,
html[data-bs-theme="dark"] .invite-url-box,
html[data-bs-theme="dark"] .step-dot,
html[data-bs-theme="dark"] .q-streak,
html[data-bs-theme="dark"] body {
    background-color: var(--dk-elevated) !important;
    color: var(--dk-text) !important;
}

/* light borders -> dark borders (coloured accent borders left alone) (465) */
html[data-bs-theme="dark"] .vm-card,
html[data-bs-theme="dark"] .vm-modal,
html[data-bs-theme="dark"] .vm-section-header,
html[data-bs-theme="dark"] .form-control,
html[data-bs-theme="dark"] .form-select,
html[data-bs-theme="dark"] .input-group-text,
html[data-bs-theme="dark"] .vm-status-inactive,
html[data-bs-theme="dark"] .pp-confirm-card,
html[data-bs-theme="dark"] .vn-header-icon,
html[data-bs-theme="dark"] .vn-input,
html[data-bs-theme="dark"] .vn-select,
html[data-bs-theme="dark"] .vn-upload-area,
html[data-bs-theme="dark"] .vm-booking-table th,
html[data-bs-theme="dark"] .vm-slot-available,
html[data-bs-theme="dark"] .vm-slot-booked,
html[data-bs-theme="dark"] .vm-slot-internal,
html[data-bs-theme="dark"] .vm-slot-none,
html[data-bs-theme="dark"] .cs-section,
html[data-bs-theme="dark"] .cs-input,
html[data-bs-theme="dark"] .cs-select,
html[data-bs-theme="dark"] .cs-stepper,
html[data-bs-theme="dark"] .cs-toggle-group,
html[data-bs-theme="dark"] .cs-yn-group,
html[data-bs-theme="dark"] .premium-stat-card,
html[data-bs-theme="dark"] .stock-widget,
html[data-bs-theme="dark"] .modal-premium-footer,
html[data-bs-theme="dark"] .premium-input,
html[data-bs-theme="dark"] .premium-select,
html[data-bs-theme="dark"] .ai-chat-widget .ai-chat-window,
html[data-bs-theme="dark"] .ai-chat-widget .ai-avatar.bot,
html[data-bs-theme="dark"] .ai-chat-widget .ai-msg-bot .ai-msg,
html[data-bs-theme="dark"] .ai-chat-widget .ai-chat-input-area,
html[data-bs-theme="dark"] .ai-chat-widget .ai-chat-input-area input,
html[data-bs-theme="dark"] .message-avatar,
html[data-bs-theme="dark"] .message-avatar.is-online::after,
html[data-bs-theme="dark"] .message-row.received .message-bubble,
html[data-bs-theme="dark"] .chat-input-area,
html[data-bs-theme="dark"] .chat-input-area input,
html[data-bs-theme="dark"] .cs-modal-content,
html[data-bs-theme="dark"] .cs-icon-wrapper,
html[data-bs-theme="dark"] .exp-kpi-card,
html[data-bs-theme="dark"] .exp-filter-bar,
html[data-bs-theme="dark"] .exp-filter-bar .form-select,
html[data-bs-theme="dark"] .exp-card,
html[data-bs-theme="dark"] .exp-card-header,
html[data-bs-theme="dark"] .exp-table thead tr,
html[data-bs-theme="dark"] .exp-table td,
html[data-bs-theme="dark"] .exp-action-bar,
html[data-bs-theme="dark"] .exp-search-input,
html[data-bs-theme="dark"] .exp-select,
html[data-bs-theme="dark"] .exp-date-input,
html[data-bs-theme="dark"] .exp-clear-link,
html[data-bs-theme="dark"] .exp-alert--success,
html[data-bs-theme="dark"] .exp-alert--danger,
html[data-bs-theme="dark"] .exp-modal .modal-content,
html[data-bs-theme="dark"] .exp-modal .modal-footer,
html[data-bs-theme="dark"] .exp-modal .form-control,
html[data-bs-theme="dark"] .exp-modal .form-select,
html[data-bs-theme="dark"] .inv-kpi-card,
html[data-bs-theme="dark"] .inv-panel,
html[data-bs-theme="dark"] .inv-card,
html[data-bs-theme="dark"] .inv-card-header,
html[data-bs-theme="dark"] .inv-table th,
html[data-bs-theme="dark"] .inv-table td,
html[data-bs-theme="dark"] .inv-status--active,
html[data-bs-theme="dark"] .inv-status--inactive,
html[data-bs-theme="dark"] .inv-input,
html[data-bs-theme="dark"] .inv-select,
html[data-bs-theme="dark"] .admin-mobile-topbar,
html[data-bs-theme="dark"] .admin-mobile-menu-btn,
html[data-bs-theme="dark"] .op-job-card,
html[data-bs-theme="dark"] .job-btn.waitlist,
html[data-bs-theme="dark"] .empty-state,
html[data-bs-theme="dark"] .att-card,
html[data-bs-theme="dark"] .att-table th,
html[data-bs-theme="dark"] .att-table td,
html[data-bs-theme="dark"] .status--active,
html[data-bs-theme="dark"] .status--completed,
html[data-bs-theme="dark"] .status-pending,
html[data-bs-theme="dark"] .status-paid,
html[data-bs-theme="dark"] .status-rejected,
html[data-bs-theme="dark"] .status-unavailable,
html[data-bs-theme="dark"] .modal-content-adjust,
html[data-bs-theme="dark"] #bookingRejectReason,
html[data-bs-theme="dark"] .lc-card,
html[data-bs-theme="dark"] .lc-input,
html[data-bs-theme="dark"] .queue-item--next,
html[data-bs-theme="dark"] .op-court-card--live,
html[data-bs-theme="dark"] .court-next-panel--ready,
html[data-bs-theme="dark"] .court-next-panel--assigned,
html[data-bs-theme="dark"] .court-next-player--winner,
html[data-bs-theme="dark"] .court-next-player--challenger,
html[data-bs-theme="dark"] .pq-court--live,
html[data-bs-theme="dark"] .pq-upnext,
html[data-bs-theme="dark"] #btnOpAnnouncerMute.is-announcer-muted,
html[data-bs-theme="dark"] .product-modal .modal-content,
html[data-bs-theme="dark"] .meta-box,
html[data-bs-theme="dark"] .dropdown-menu-adjust,
html[data-bs-theme="dark"] .cd-hero-card,
html[data-bs-theme="dark"] .cd-card,
html[data-bs-theme="dark"] .cd-hours-row,
html[data-bs-theme="dark"] .cd-date-btn,
html[data-bs-theme="dark"] .cd-leg-booked,
html[data-bs-theme="dark"] .cd-booking-table th,
html[data-bs-theme="dark"] .cd-booking-table td,
html[data-bs-theme="dark"] .cd-slot-available,
html[data-bs-theme="dark"] .cd-slot-booked,
html[data-bs-theme="dark"] .cd-slot-nodata,
html[data-bs-theme="dark"] .cd-open-play-card,
html[data-bs-theme="dark"] .cd-op-header,
html[data-bs-theme="dark"] .duaw-nav-btn:hover,
html[data-bs-theme="dark"] .duaw-alert--success,
html[data-bs-theme="dark"] .duaw-alert--error,
html[data-bs-theme="dark"] .duaw-input,
html[data-bs-theme="dark"] .duaw-check--mechanics,
html[data-bs-theme="dark"] .alert-error,
html[data-bs-theme="dark"] .alert-info,
html[data-bs-theme="dark"] .alert-success,
html[data-bs-theme="dark"] .bk-type-tabs,
html[data-bs-theme="dark"] .booking-tab-btn,
html[data-bs-theme="dark"] .bk-card,
html[data-bs-theme="dark"] .bk-empty-card,
html[data-bs-theme="dark"] .bk-divider,
html[data-bs-theme="dark"] .bk-info-row,
html[data-bs-theme="dark"] .bk-rejection-reason,
html[data-bs-theme="dark"] .sn-modal-card,
html[data-bs-theme="dark"] .sn-modal-foot,
html[data-bs-theme="dark"] .op-alert--ok,
html[data-bs-theme="dark"] .op-alert--err,
html[data-bs-theme="dark"] .op-search-wrap,
html[data-bs-theme="dark"] .op-filter-select,
html[data-bs-theme="dark"] .op-tabs,
html[data-bs-theme="dark"] .job-btn.waitlist:hover,
html[data-bs-theme="dark"] .op-history-row,
html[data-bs-theme="dark"] .op-match-card,
html[data-bs-theme="dark"] .op-rank-list,
html[data-bs-theme="dark"] .op-rank-row,
html[data-bs-theme="dark"] .th-search-wrap,
html[data-bs-theme="dark"] .th-filter-select,
html[data-bs-theme="dark"] .th-tabs,
html[data-bs-theme="dark"] .th-t-card,
html[data-bs-theme="dark"] .th-match-row,
html[data-bs-theme="dark"] .th-match-meta,
html[data-bs-theme="dark"] .th-terms-modal-actions,
html[data-bs-theme="dark"] .th-terms-tournament-info,
html[data-bs-theme="dark"] .th-terms-scroll-area,
html[data-bs-theme="dark"] .th-terms-section + .th-terms-section,
html[data-bs-theme="dark"] .th-agreement-box,
html[data-bs-theme="dark"] .th-terms-checkbox,
html[data-bs-theme="dark"] .th-cat-select-bar,
html[data-bs-theme="dark"] .th-cat-select,
html[data-bs-theme="dark"] .th-qualified-team-card,
html[data-bs-theme="dark"] .th-qualified-search-input,
html[data-bs-theme="dark"] .th-qualified-team-head,
html[data-bs-theme="dark"] .th-raw-team-card,
html[data-bs-theme="dark"] .th-playoff-stage-count,
html[data-bs-theme="dark"] .th-order-row,
html[data-bs-theme="dark"] .th-elim-slot,
html[data-bs-theme="dark"] .th-elim-score,
html[data-bs-theme="dark"] .prereg-stats__table th,
html[data-bs-theme="dark"] .prereg-stats__table td,
html[data-bs-theme="dark"] .prereg-card--pending,
html[data-bs-theme="dark"] .prereg-card__head,
html[data-bs-theme="dark"] .prereg-player,
html[data-bs-theme="dark"] .prereg-doc-link,
html[data-bs-theme="dark"] .prereg-doc-link--missing:hover,
html[data-bs-theme="dark"] .prereg-doc-missing,
html[data-bs-theme="dark"] .prereg-notes,
html[data-bs-theme="dark"] .prereg-card__actions,
html[data-bs-theme="dark"] .prereg-verify-banner,
html[data-bs-theme="dark"] .prereg-verify-banner--overdue,
html[data-bs-theme="dark"] .prereg-verify-banner--received,
html[data-bs-theme="dark"] .prereg-empty,
html[data-bs-theme="dark"] .prereg-modal__textarea,
html[data-bs-theme="dark"] .prereg-move-current,
html[data-bs-theme="dark"] .prereg-move-select,
html[data-bs-theme="dark"] .prereg-modal__foot,
html[data-bs-theme="dark"] .rw-filter-bar,
html[data-bs-theme="dark"] .rw-filter-tag,
html[data-bs-theme="dark"] .rw-filter-clear,
html[data-bs-theme="dark"] .checkout-card,
html[data-bs-theme="dark"] .qr-container,
html[data-bs-theme="dark"] .form-control-premium,
html[data-bs-theme="dark"] .sr-filters,
html[data-bs-theme="dark"] .sr-select,
html[data-bs-theme="dark"] .sr-venue-tile,
html[data-bs-theme="dark"] .tile-rate,
html[data-bs-theme="dark"] .tile-footer,
html[data-bs-theme="dark"] .sr-table-card,
html[data-bs-theme="dark"] .table-header-box,
html[data-bs-theme="dark"] .audit-table td,
html[data-bs-theme="dark"] .sr-chart-section,
html[data-bs-theme="dark"] .tqr-field input:focus,
html[data-bs-theme="dark"] .tqr-field select:focus,
html[data-bs-theme="dark"] .tqr-upload.has-file,
html[data-bs-theme="dark"] .ue-nav-btn:hover:not(:disabled),
html[data-bs-theme="dark"] .ue-nav-btn:focus-visible:not(:disabled),
html[data-bs-theme="dark"] .sdp-tabs,
html[data-bs-theme="dark"] .sdp-who-joining,
html[data-bs-theme="dark"] .sdp-avatar-stack .av,
html[data-bs-theme="dark"] .sdp-location-card,
html[data-bs-theme="dark"] .sdp-venue-desc,
html[data-bs-theme="dark"] .sdp-sidebar-card,
html[data-bs-theme="dark"] .sdp-qi-row,
html[data-bs-theme="dark"] .sdp-participant-card,
html[data-bs-theme="dark"] .pp-court-card-v,
html[data-bs-theme="dark"] .pp-quick-card,
html[data-bs-theme="dark"] .sm-card-wrap,
html[data-bs-theme="dark"] .sm-close,
html[data-bs-theme="dark"] .sm-plan-free,
html[data-bs-theme="dark"] .vn-sidebar-item,
html[data-bs-theme="dark"] .th-tabs-nav,
html[data-bs-theme="dark"] .th-bento-card,
html[data-bs-theme="dark"] .th-category-item,
html[data-bs-theme="dark"] .th-team-card,
html[data-bs-theme="dark"] .th-avatar,
html[data-bs-theme="dark"] .th-podium-item,
html[data-bs-theme="dark"] .vn-modal-card,
html[data-bs-theme="dark"] .rw-kpi-card,
html[data-bs-theme="dark"] .rw-card,
html[data-bs-theme="dark"] .rw-table th,
html[data-bs-theme="dark"] .rw-table td,
html[data-bs-theme="dark"] .rw-prod-no-img,
html[data-bs-theme="dark"] .modal-content,
html[data-bs-theme="dark"] .modal-premium-content,
html[data-bs-theme="dark"] .premium-drop-zone,
html[data-bs-theme="dark"] .kpi-card,
html[data-bs-theme="dark"] .sr-card,
html[data-bs-theme="dark"] .sr-card-header,
html[data-bs-theme="dark"] .breakdown-item,
html[data-bs-theme="dark"] .sr-table thead tr,
html[data-bs-theme="dark"] .sr-table td,
html[data-bs-theme="dark"] .product-row,
html[data-bs-theme="dark"] .pp-topnav,
html[data-bs-theme="dark"] .pp-search,
html[data-bs-theme="dark"] .pp-iconbtn,
html[data-bs-theme="dark"] .pp-avatar--photo,
html[data-bs-theme="dark"] .pp-action,
html[data-bs-theme="dark"] .pp-card-service,
html[data-bs-theme="dark"] .pp-notif-dropdown,
html[data-bs-theme="dark"] .pp-notif-header,
html[data-bs-theme="dark"] .pp-notif-item,
html[data-bs-theme="dark"] .pp-notif-footer,
html[data-bs-theme="dark"] .search-dropdown-adjust,
html[data-bs-theme="dark"] .pp-search-avatar,
html[data-bs-theme="dark"] .pp-mob-drawer-footer,
html[data-bs-theme="dark"] .pp-mob-avatar,
html[data-bs-theme="dark"] .pp-mob-action-btn,
html[data-bs-theme="dark"] .pp-mob-notif-dot,
html[data-bs-theme="dark"] .pp-mob-logout-btn,
html[data-bs-theme="dark"] .pp-theme-toggle,
html[data-bs-theme="dark"] .pp-theme-toggle:hover,
html[data-bs-theme="dark"] #ppTopNav.pp-mobile-offcanvas .offcanvas-header,
html[data-bs-theme="dark"] .pp-mob-register-btn,
html[data-bs-theme="dark"] .pagination .page-link,
html[data-bs-theme="dark"] .qa-card,
html[data-bs-theme="dark"] .court-card,
html[data-bs-theme="dark"] .list-card,
html[data-bs-theme="dark"] .roster-item,
html[data-bs-theme="dark"] .roster-time,
html[data-bs-theme="dark"] .sub-kpi-card,
html[data-bs-theme="dark"] .sub-card,
html[data-bs-theme="dark"] .sub-table th,
html[data-bs-theme="dark"] .sub-table td,
html[data-bs-theme="dark"] .sub-avatar,
html[data-bs-theme="dark"] .bkt-team,
html[data-bs-theme="dark"] .bracket-section-divider,
html[data-bs-theme="dark"] .bracket-cat-tabs,
html[data-bs-theme="dark"] .bracket-group-tabs__item,
html[data-bs-theme="dark"] .bracket-setup,
html[data-bs-theme="dark"] .bracket-setup__hero,
html[data-bs-theme="dark"] .bracket-setup__panel,
html[data-bs-theme="dark"] .bracket-setup__panel-head--compact,
html[data-bs-theme="dark"] .bracket-setup__textarea,
html[data-bs-theme="dark"] .bracket-setup__input,
html[data-bs-theme="dark"] .bracket-setup__select,
html[data-bs-theme="dark"] .bracket-setup__team-item,
html[data-bs-theme="dark"] .bkt-court__select,
html[data-bs-theme="dark"] .schedule-grid td,
html[data-bs-theme="dark"] .schedule-grid input[type="time"],
html[data-bs-theme="dark"] .schedule-grid select,
html[data-bs-theme="dark"] .flight-select-bar,
html[data-bs-theme="dark"] .flight-select-bar__select,
html[data-bs-theme="dark"] .flight-tabs,
html[data-bs-theme="dark"] .flight-tabs__item,
html[data-bs-theme="dark"] .tsf-tabs,
html[data-bs-theme="dark"] .tsf-panel,
html[data-bs-theme="dark"] .tsf-panel-foot,
html[data-bs-theme="dark"] .tsf-pool-card,
html[data-bs-theme="dark"] .tsf-pool-card th,
html[data-bs-theme="dark"] .tsf-pool-card td,
html[data-bs-theme="dark"] .tsf-seed-table th,
html[data-bs-theme="dark"] .tsf-seed-table td,
html[data-bs-theme="dark"] .tsf-schedule-table th,
html[data-bs-theme="dark"] .tsf-schedule-table td,
html[data-bs-theme="dark"] .tsf-match-card,
html[data-bs-theme="dark"] .tsf-field textarea,
html[data-bs-theme="dark"] .tx-kpi-card,
html[data-bs-theme="dark"] .tx-filter-bar,
html[data-bs-theme="dark"] .tx-search-input,
html[data-bs-theme="dark"] .tx-select,
html[data-bs-theme="dark"] .tx-card,
html[data-bs-theme="dark"] .tx-table thead tr,
html[data-bs-theme="dark"] .tx-table td,
html[data-bs-theme="dark"] .tx-avatar,
html[data-bs-theme="dark"] .timer-bar,
html[data-bs-theme="dark"] .warn-bar,
html[data-bs-theme="dark"] .sum-row,
html[data-bs-theme="dark"] .checkin-card,
html[data-bs-theme="dark"] .err,
html[data-bs-theme="dark"] .card,
html[data-bs-theme="dark"] .meta,
html[data-bs-theme="dark"] .venue-option:hover,
html[data-bs-theme="dark"] .bk-slot,
html[data-bs-theme="dark"] .bk-empty,
html[data-bs-theme="dark"] .cpr-rates-row,
html[data-bs-theme="dark"] .cpr-stat,
html[data-bs-theme="dark"] .cpr-avail-dot.off,
html[data-bs-theme="dark"] .coach-empty,
html[data-bs-theme="dark"] .coach-filter-btn,
html[data-bs-theme="dark"] .ccx-composer,
html[data-bs-theme="dark"] .ccx-composer:focus-within,
html[data-bs-theme="dark"] .ccx-composer-foot,
html[data-bs-theme="dark"] .ccx-image-tile,
html[data-bs-theme="dark"] .ccx-shared-embed,
html[data-bs-theme="dark"] .ccx-post,
html[data-bs-theme="dark"] .ccx-post-menu,
html[data-bs-theme="dark"] .ccx-actions,
html[data-bs-theme="dark"] .ccx-comments.open,
html[data-bs-theme="dark"] .ccx-load-more,
html[data-bs-theme="dark"] .ccx-load-more:hover,
html[data-bs-theme="dark"] .ccx-dm-sidebar,
html[data-bs-theme="dark"] .ccx-dm-search,
html[data-bs-theme="dark"] .ccx-dm-search input,
html[data-bs-theme="dark"] .ccx-dm-header,
html[data-bs-theme="dark"] .ccx-dm-bubble-row:not(.mine) .ccx-dm-bubble,
html[data-bs-theme="dark"] .ccx-dm-input-area,
html[data-bs-theme="dark"] .ccx-dm-input-area input[type=text],
html[data-bs-theme="dark"] .ccx-dm-typing-bubble,
html[data-bs-theme="dark"] .prereg-resubmit-success,
html[data-bs-theme="dark"] .prereg-resubmit-error,
html[data-bs-theme="dark"] .th-flight-tile__row,
html[data-bs-theme="dark"] .cx-card__table td,
html[data-bs-theme="dark"] .fl-next-row,
html[data-bs-theme="dark"] .booking-card,
html[data-bs-theme="dark"] .table td,
html[data-bs-theme="dark"] .receipt-thumb,
html[data-bs-theme="dark"] .schedule-wrap,
html[data-bs-theme="dark"] .sched-row,
html[data-bs-theme="dark"] .time-cell,
html[data-bs-theme="dark"] .time-cell--continuation,
html[data-bs-theme="dark"] .slot-cell--continuation,
html[data-bs-theme="dark"] .slot-cell,
html[data-bs-theme="dark"] .booking-block.confirmed,
html[data-bs-theme="dark"] .booking-block.pending,
html[data-bs-theme="dark"] .booking-block.internal,
html[data-bs-theme="dark"] .booking-block.walkin,
html[data-bs-theme="dark"] .date-nav-bar,
html[data-bs-theme="dark"] .date-nav-bar .nav-arrow,
html[data-bs-theme="dark"] .date-nav-bar input[type=date],
html[data-bs-theme="dark"] .flash-bar.success,
html[data-bs-theme="dark"] .qb-type-btn,
html[data-bs-theme="dark"] .qb-name-field,
html[data-bs-theme="dark"] ' . '.box,
html[data-bs-theme="dark"] .op-prereg-tab,
html[data-bs-theme="dark"] .op-prereg-filters input,
html[data-bs-theme="dark"] .op-prereg-filters select,
html[data-bs-theme="dark"] .op-prereg-table-wrap,
html[data-bs-theme="dark"] .op-prereg-table td,
html[data-bs-theme="dark"] .op-prereg-alert.ok,
html[data-bs-theme="dark"] .op-prereg-alert.err,
html[data-bs-theme="dark"] .oa-tab.pending-tab,
html[data-bs-theme="dark"] .oa-card,
html[data-bs-theme="dark"] .oa-alert.success,
html[data-bs-theme="dark"] .oa-alert.error,
html[data-bs-theme="dark"] .oa-modal input,
html[data-bs-theme="dark"] .oa-modal textarea,
html[data-bs-theme="dark"] .prof-card,
html[data-bs-theme="dark"] .prof-card-header,
html[data-bs-theme="dark"] .prof-input,
html[data-bs-theme="dark"] .prof-alert-success,
html[data-bs-theme="dark"] .prof-alert-danger,
html[data-bs-theme="dark"] .shift-panel,
html[data-bs-theme="dark"] .act-btn,
html[data-bs-theme="dark"] .grid-container,
html[data-bs-theme="dark"] .grid-row,
html[data-bs-theme="dark"] .time-box,
html[data-bs-theme="dark"] .slot,
html[data-bs-theme="dark"] .time-box--continuation,
html[data-bs-theme="dark"] .slot--continuation,
html[data-bs-theme="dark"] .log-card,
html[data-bs-theme="dark"] .log-item,
html[data-bs-theme="dark"] .cancel-confirm-detail,
html[data-bs-theme="dark"] .cancel-confirm-foot,
html[data-bs-theme="dark"] .id-photo-preview,
html[data-bs-theme="dark"] .flight-setup,
html[data-bs-theme="dark"] .flight-setup__hero,
html[data-bs-theme="dark"] .flight-tabs__item:hover,
html[data-bs-theme="dark"] .flight-match,
html[data-bs-theme="dark"] .flight-match__header,
html[data-bs-theme="dark"] .cx-card,
html[data-bs-theme="dark"] .th-seed-input,
html[data-bs-theme="dark"] .th-standings-table,
html[data-bs-theme="dark"] .th-standings-table th,
html[data-bs-theme="dark"] .th-standings-table td,
html[data-bs-theme="dark"] .vn-modal-header,
html[data-bs-theme="dark"] .team-item,
html[data-bs-theme="dark"] .flight-container,
html[data-bs-theme="dark"] .pp-numpad-display,
html[data-bs-theme="dark"] .pp-numpad-grid button,
html[data-bs-theme="dark"] .tpi-stat,
html[data-bs-theme="dark"] .add-team-tabs button,
html[data-bs-theme="dark"] #deleteUserModalBackdrop .delete-user-dialog,
html[data-bs-theme="dark"] .afo-input,
html[data-bs-theme="dark"] .afo-status.pending,
html[data-bs-theme="dark"] .afo-status.approved,
html[data-bs-theme="dark"] .afo-status.rejected,
html[data-bs-theme="dark"] .afo-alert.success,
html[data-bs-theme="dark"] .afo-alert.error,
html[data-bs-theme="dark"] .statement-row,
html[data-bs-theme="dark"] .club-card,
html[data-bs-theme="dark"] .club-btn.leave,
html[data-bs-theme="dark"] .pp-quick-card-owner,
html[data-bs-theme="dark"] .eg-section,
html[data-bs-theme="dark"] .admin-card,
html[data-bs-theme="dark"] .ep-nav-card,
html[data-bs-theme="dark"] .gd-header,
html[data-bs-theme="dark"] .membership-bar,
html[data-bs-theme="dark"] .owner-tooltip,
html[data-bs-theme="dark"] .gd-tabs,
html[data-bs-theme="dark"] .member-card,
html[data-bs-theme="dark"] .invite-box-themed,
html[data-bs-theme="dark"] .action-card,
html[data-bs-theme="dark"] .search-player-item,
html[data-bs-theme="dark"] .chat-bubble.them,
html[data-bs-theme="dark"] .chat-sidebar-footer,
html[data-bs-theme="dark"] .chat-input-wrapper,
html[data-bs-theme="dark"] .hc-layout,
html[data-bs-theme="dark"] .hc-map,
html[data-bs-theme="dark"] .cta-card,
html[data-bs-theme="dark"] .ep-group-card,
html[data-bs-theme="dark"] .discover-card,
html[data-bs-theme="dark"] .discover-card:hover,
html[data-bs-theme="dark"] .vn-upload-btn,
html[data-bs-theme="dark"] .ep-select-card-inner,
html[data-bs-theme="dark"] .ep-select-card:hover .ep-select-card-inner,
html[data-bs-theme="dark"] .op-session-card,
html[data-bs-theme="dark"] .player-avatar,
html[data-bs-theme="dark"] .q-streak,
html[data-bs-theme="dark"] .q-games,
html[data-bs-theme="dark"] .q-wait,
html[data-bs-theme="dark"] .perk-bottom,
html[data-bs-theme="dark"] .reward-item,
html[data-bs-theme="dark"] .reward-item:hover,
html[data-bs-theme="dark"] .pagination-btn,
html[data-bs-theme="dark"] .pagination-btn:hover:not(.disabled),
html[data-bs-theme="dark"] .gcash-info,
html[data-bs-theme="dark"] .split-card-container,
html[data-bs-theme="dark"] .sp-f-icon,
html[data-bs-theme="dark"] .split-no-sub,
html[data-bs-theme="dark"] #tournament-cat-tabs,
html[data-bs-theme="dark"] #termsModal .th-terms-modal-actions,
html[data-bs-theme="dark"] td,
html[data-bs-theme="dark"] .ref-box,
html[data-bs-theme="dark"] .page {
    border-color: var(--dk-line) !important;
}

/* dark text on inherited/transparent surfaces -> light text (285) */
html[data-bs-theme="dark"] .sad-table td,
html[data-bs-theme="dark"] .vm-status-active,
html[data-bs-theme="dark"] .pp-confirm-title,
html[data-bs-theme="dark"] .cs-label,
html[data-bs-theme="dark"] .cs-stepper input,
html[data-bs-theme="dark"] .cs-check-row,
html[data-bs-theme="dark"] .summary-stat-block .value,
html[data-bs-theme="dark"] .premium-label,
html[data-bs-theme="dark"] .cs-title,
html[data-bs-theme="dark"] .exp-title,
html[data-bs-theme="dark"] .exp-kpi-value,
html[data-bs-theme="dark"] .exp-kpi-value.danger,
html[data-bs-theme="dark"] .exp-card-title,
html[data-bs-theme="dark"] .exp-table td,
html[data-bs-theme="dark"] .exp-amount,
html[data-bs-theme="dark"] .exp-date-main,
html[data-bs-theme="dark"] .exp-modal .form-control.amount-input,
html[data-bs-theme="dark"] .inv-title,
html[data-bs-theme="dark"] .inv-kpi-value,
html[data-bs-theme="dark"] .inv-panel-title,
html[data-bs-theme="dark"] .inv-card-title,
html[data-bs-theme="dark"] .inv-table td,
html[data-bs-theme="dark"] .inv-prod-name,
html[data-bs-theme="dark"] .inv-price,
html[data-bs-theme="dark"] .admin-mobile-title,
html[data-bs-theme="dark"] .job-price-large,
html[data-bs-theme="dark"] .time-main,
html[data-bs-theme="dark"] .lc-title,
html[data-bs-theme="dark"] .court-next-player--winner,
html[data-bs-theme="dark"] .court-next-player--challenger,
html[data-bs-theme="dark"] .cd-status-due,
html[data-bs-theme="dark"] .cd-flash-ok,
html[data-bs-theme="dark"] .cd-flash-err,
html[data-bs-theme="dark"] .cd-card-title,
html[data-bs-theme="dark"] .cd-about-text,
html[data-bs-theme="dark"] .cd-amenity,
html[data-bs-theme="dark"] .cd-hours-row,
html[data-bs-theme="dark"] .cd-hours-day,
html[data-bs-theme="dark"] .cd-date-label,
html[data-bs-theme="dark"] .cd-booking-table td:first-child,
html[data-bs-theme="dark"] .cd-op-header h5,
html[data-bs-theme="dark"] .venue-notice-title,
html[data-bs-theme="dark"] .time-text,
html[data-bs-theme="dark"] .duaw-countdown--opens .duaw-countdown-unit,
html[data-bs-theme="dark"] .req,
html[data-bs-theme="dark"] .duaw-check,
html[data-bs-theme="dark"] .duaw-check .duaw-terms-link:hover,
html[data-bs-theme="dark"] .duaw-mechanics-subheading,
html[data-bs-theme="dark"] .duaw-submit,
html[data-bs-theme="dark"] .forgot-link:hover,
html[data-bs-theme="dark"] .forgot-steps li,
html[data-bs-theme="dark"] .bk-page-title,
html[data-bs-theme="dark"] .bk-type-tab:hover,
html[data-bs-theme="dark"] .bk-date-main,
html[data-bs-theme="dark"] .bk-venue-name,
html[data-bs-theme="dark"] .bk-info-value,
html[data-bs-theme="dark"] .bk-rejection-reason-title,
html[data-bs-theme="dark"] .bk-rejection-reason-text,
html[data-bs-theme="dark"] .bk-rejection-reason-empty,
html[data-bs-theme="dark"] .sn-modal-card h3,
html[data-bs-theme="dark"] .op-check,
html[data-bs-theme="dark"] .op-search-input,
html[data-bs-theme="dark"] .job-btn.is-waitlist,
html[data-bs-theme="dark"] .op-history-date__day,
html[data-bs-theme="dark"] .op-history-session,
html[data-bs-theme="dark"] .op-history-score,
html[data-bs-theme="dark"] .op-back-link:hover,
html[data-bs-theme="dark"] .op-match-team__names,
html[data-bs-theme="dark"] .op-match-team__score,
html[data-bs-theme="dark"] .op-rank-title,
html[data-bs-theme="dark"] .op-rank-name,
html[data-bs-theme="dark"] .op-rank-record,
html[data-bs-theme="dark"] .th-t-title,
html[data-bs-theme="dark"] .th-t-fee,
html[data-bs-theme="dark"] .th-match-outcome,
html[data-bs-theme="dark"] .th-terms-modal .vn-header-text h3,
html[data-bs-theme="dark"] .th-terms-rules-list li,
html[data-bs-theme="dark"] .th-terms-body-text,
html[data-bs-theme="dark"] .th-agreement-label,
html[data-bs-theme="dark"] .th-playoff-stage-label,
html[data-bs-theme="dark"] .th-elim-slot.is-winner .th-elim-name,
html[data-bs-theme="dark"] .th-elim-name,
html[data-bs-theme="dark"] .th-elim-score,
html[data-bs-theme="dark"] .prereg-filter-tabs .prereg-count,
html[data-bs-theme="dark"] .prereg-detail-list li,
html[data-bs-theme="dark"] .prereg-verify-intro,
html[data-bs-theme="dark"] .prereg-quota-alert,
html[data-bs-theme="dark"] .prereg-quota-alert--warn,
html[data-bs-theme="dark"] .billing-total-row,
html[data-bs-theme="dark"] .rw-stock-status.low,
html[data-bs-theme="dark"] .payment-instruction,
html[data-bs-theme="dark"] .payment-account,
html[data-bs-theme="dark"] .tile-title,
html[data-bs-theme="dark"] .tile-main-val,
html[data-bs-theme="dark"] .audit-table td,
html[data-bs-theme="dark"] .val-highlight,
html[data-bs-theme="dark"] .tqr-slip-acct-name,
html[data-bs-theme="dark"] .sdp-section-title,
html[data-bs-theme="dark"] .sdp-about-text,
html[data-bs-theme="dark"] .sdp-who-text,
html[data-bs-theme="dark"] .sdp-venue-name,
html[data-bs-theme="dark"] .sdp-location-rating .rating-num,
html[data-bs-theme="dark"] .sdp-sidebar-title,
html[data-bs-theme="dark"] .sdp-qi-label,
html[data-bs-theme="dark"] .sdp-perks-title,
html[data-bs-theme="dark"] .sdp-perk-item,
html[data-bs-theme="dark"] .sdp-weather-text,
html[data-bs-theme="dark"] .sdp-participant-name,
html[data-bs-theme="dark"] .court-v-title,
html[data-bs-theme="dark"] .price-current strong,
html[data-bs-theme="dark"] .pp-logo-name,
html[data-bs-theme="dark"] .pp-quick-label,
html[data-bs-theme="dark"] .sm-title,
html[data-bs-theme="dark"] .sm-plan-label,
html[data-bs-theme="dark"] .sm-price-val,
html[data-bs-theme="dark"] .sm-features li,
html[data-bs-theme="dark"] .vn-header-text h3,
html[data-bs-theme="dark"] .vn-title,
html[data-bs-theme="dark"] .rw-title,
html[data-bs-theme="dark"] .rw-kpi-value,
html[data-bs-theme="dark"] .rw-prod-name,
html[data-bs-theme="dark"] .rw-val-main,
html[data-bs-theme="dark"] .sr-title,
html[data-bs-theme="dark"] .kpi-value,
html[data-bs-theme="dark"] .sr-card-title,
html[data-bs-theme="dark"] .breakdown-label,
html[data-bs-theme="dark"] .breakdown-amount,
html[data-bs-theme="dark"] .sr-table td,
html[data-bs-theme="dark"] .sr-date-main,
html[data-bs-theme="dark"] .sr-desc-main,
html[data-bs-theme="dark"] .product-name,
html[data-bs-theme="dark"] .pp-footer-input-row input::placeholder,
html[data-bs-theme="dark"] .pp-footer-input-row button,
html[data-bs-theme="dark"] .pp-footer-newsletter-note,
html[data-bs-theme="dark"] .pp-footer-legal a,
html[data-bs-theme="dark"] .pp-footer-legal a + a::before,
html[data-bs-theme="dark"] .pp-brand,
html[data-bs-theme="dark"] .pp-navlink,
html[data-bs-theme="dark"] .pp-navlink.active,
html[data-bs-theme="dark"] .pp-section-title,
html[data-bs-theme="dark"] .pp-promo ul,
html[data-bs-theme="dark"] .pp-action h4,
html[data-bs-theme="dark"] .pp-card-service .card-title,
html[data-bs-theme="dark"] .pp-notif-header h6,
html[data-bs-theme="dark"] .pp-notif-title,
html[data-bs-theme="dark"] .search-item-adjust,
html[data-bs-theme="dark"] .pp-search-player-name,
html[data-bs-theme="dark"] .pp-mob-user-name,
html[data-bs-theme="dark"] .pp-mob-register-btn,
html[data-bs-theme="dark"] .staff-dash-title,
html[data-bs-theme="dark"] .qa-card:hover,
html[data-bs-theme="dark"] .qa-title,
html[data-bs-theme="dark"] .court-name,
html[data-bs-theme="dark"] .list-title,
html[data-bs-theme="dark"] .roster-name,
html[data-bs-theme="dark"] .rank-gold,
html[data-bs-theme="dark"] .sub-title,
html[data-bs-theme="dark"] .sub-kpi-value,
html[data-bs-theme="dark"] .sub-section-title,
html[data-bs-theme="dark"] .sub-user-name,
html[data-bs-theme="dark"] .bracket-setup__hero-text h2,
html[data-bs-theme="dark"] .bracket-setup__panel-head h3,
html[data-bs-theme="dark"] .bracket-setup__check,
html[data-bs-theme="dark"] .bracket-setup__warn,
html[data-bs-theme="dark"] .bracket-setup__team-name,
html[data-bs-theme="dark"] .tsf-header h1,
html[data-bs-theme="dark"] .tx-title,
html[data-bs-theme="dark"] .tx-kpi-value,
html[data-bs-theme="dark"] .tx-date-main,
html[data-bs-theme="dark"] .tx-player-name,
html[data-bs-theme="dark"] .tx-details-main,
html[data-bs-theme="dark"] .bk-success-title,
html[data-bs-theme="dark"] .checkin-title,
html[data-bs-theme="dark"] .checkin-err,
html[data-bs-theme="dark"] .bk-date-num,
html[data-bs-theme="dark"] .bk-slot-time,
html[data-bs-theme="dark"] .cpr-coach-role,
html[data-bs-theme="dark"] .cpr-coach-name,
html[data-bs-theme="dark"] .cpr-price-num,
html[data-bs-theme="dark"] .cpr-rates-row-price,
html[data-bs-theme="dark"] .cpr-eyebrow,
html[data-bs-theme="dark"] .cpr-section-title,
html[data-bs-theme="dark"] .cpr-bio-text,
html[data-bs-theme="dark"] .cpr-stat-num,
html[data-bs-theme="dark"] .cpr-stat-num sup,
html[data-bs-theme="dark"] .cpr-read-more,
html[data-bs-theme="dark"] .cpr-read-more:hover,
html[data-bs-theme="dark"] .coach-empty h2,
html[data-bs-theme="dark"] .coach-filter-btn:hover,
html[data-bs-theme="dark"] .ccx-tab.active,
html[data-bs-theme="dark"] .ccx-composer-textarea,
html[data-bs-theme="dark"] .ccx-menu-item-neutral,
html[data-bs-theme="dark"] .ccx-post-name,
html[data-bs-theme="dark"] .ccx-post-body,
html[data-bs-theme="dark"] .ccx-load-more:hover,
html[data-bs-theme="dark"] .ccx-upsell h3,
html[data-bs-theme="dark"] .ccx-dm-convo-name,
html[data-bs-theme="dark"] .ccx-dm-convo.unread .ccx-dm-convo-preview,
html[data-bs-theme="dark"] .ccx-dm-convo.unread .ccx-dm-convo-name,
html[data-bs-theme="dark"] .ccx-dm-header,
html[data-bs-theme="dark"] .ccx-dm-back-btn,
html[data-bs-theme="dark"] .hub-cta--gold,
html[data-bs-theme="dark"] .duaw-schedule-banner,
html[data-bs-theme="dark"] .th-flight-tile__name,
html[data-bs-theme="dark"] .cx-card__name,
html[data-bs-theme="dark"] .fl-now-card__team,
html[data-bs-theme="dark"] .fl-next-teams,
html[data-bs-theme="dark"] .fr-hero__title,
html[data-bs-theme="dark"] .fr-info__names,
html[data-bs-theme="dark"] .time-start,
html[data-bs-theme="dark"] .bk-name,
html[data-bs-theme="dark"] .internal .bk-status,
html[data-bs-theme="dark"] .bk-price,
html[data-bs-theme="dark"] .date-nav-bar .nav-date-label,
html[data-bs-theme="dark"] .qb-modal h3,
html[data-bs-theme="dark"] .qb-name-field,
html[data-bs-theme="dark"] .op-prereg-header h1,
html[data-bs-theme="dark"] .op-prereg-table td,
html[data-bs-theme="dark"] .oa-title,
html[data-bs-theme="dark"] .oa-card-title,
html[data-bs-theme="dark"] .oa-detail-value,
html[data-bs-theme="dark"] .oa-modal h3,
html[data-bs-theme="dark"] .oa-modal input,
html[data-bs-theme="dark"] .oa-modal textarea,
html[data-bs-theme="dark"] .prof-card-title,
html[data-bs-theme="dark"] .prof-label,
html[data-bs-theme="dark"] .shift-info h2,
html[data-bs-theme="dark"] .act-text,
html[data-bs-theme="dark"] .booking .name,
html[data-bs-theme="dark"] .log-title,
html[data-bs-theme="dark"] .log-name,
html[data-bs-theme="dark"] .cancel-confirm-modal h3,
html[data-bs-theme="dark"] .th-flight-tile__player,
html[data-bs-theme="dark"] .th-flight-tile__club,
html[data-bs-theme="dark"] .th-seed-input,
html[data-bs-theme="dark"] .schedule-print-header p,
html[data-bs-theme="dark"] .pp-numpad-title,
html[data-bs-theme="dark"] .pp-score-team__names,
html[data-bs-theme="dark"] #deleteUserModalBackdrop .delete-user-title,
html[data-bs-theme="dark"] #deleteUserModalBackdrop .delete-user-message,
html[data-bs-theme="dark"] .afo-card h2,
html[data-bs-theme="dark"] .afo-status.pending .afo-status-body h3,
html[data-bs-theme="dark"] .afo-status.approved .afo-status-body h3,
html[data-bs-theme="dark"] .afo-status.rejected .afo-status-body h3,
html[data-bs-theme="dark"] .club-card h3,
html[data-bs-theme="dark"] .pp-quick-card-owner .pp-quick-label,
html[data-bs-theme="dark"] .eg-title,
html[data-bs-theme="dark"] .eg-label-title,
html[data-bs-theme="dark"] .eg-toggle-text h6,
html[data-bs-theme="dark"] .ep-back,
html[data-bs-theme="dark"] .ep-back:hover,
html[data-bs-theme="dark"] .ep-nav-item,
html[data-bs-theme="dark"] .ep-nav-item.active i,
html[data-bs-theme="dark"] .gd-name,
html[data-bs-theme="dark"] .gd-desc,
html[data-bs-theme="dark"] .gd-tab.active,
html[data-bs-theme="dark"] .member-info h4,
html[data-bs-theme="dark"] .invite-label-themed,
html[data-bs-theme="dark"] .action-card span,
html[data-bs-theme="dark"] #chatInput,
html[data-bs-theme="dark"] .hc-title,
html[data-bs-theme="dark"] .hc-name,
html[data-bs-theme="dark"] .ep-group-name,
html[data-bs-theme="dark"] .invite-alert-title,
html[data-bs-theme="dark"] .vn-close-btn:hover,
html[data-bs-theme="dark"] .vn-label,
html[data-bs-theme="dark"] .vn-upload-text,
html[data-bs-theme="dark"] .team-name,
html[data-bs-theme="dark"] .next-players,
html[data-bs-theme="dark"] .live-job-stat-val,
html[data-bs-theme="dark"] .perk-title,
html[data-bs-theme="dark"] .perk-cost,
html[data-bs-theme="dark"] .dupr-validation-modal .dupr-modal-lead,
html[data-bs-theme="dark"] .ep-title,
html[data-bs-theme="dark"] .ep-user-name-top,
html[data-bs-theme="dark"] .ep-nav-item.active i.nav-icon,
html[data-bs-theme="dark"] .rewards-card h3,
html[data-bs-theme="dark"] .reward-name,
html[data-bs-theme="dark"] .sp-f-text,
html[data-bs-theme="dark"] td:last-child,
html[data-bs-theme="dark"] .conf-title,
html[data-bs-theme="dark"] .body,
html[data-bs-theme="dark"] .toolbar button.primary,
html[data-bs-theme="dark"] .sub,
html[data-bs-theme="dark"] p {
    color: var(--dk-text) !important;
}