/**
 * Theme: html[data-theme] drives the whole site (map, drawer, sheets, pages).
 */

/* --- Resolved light: white asphalt · black ink · yellow lane lines --- */
html[data-theme='light'] {
  color-scheme: light;
  --ddg-road-yellow: #f5c518;
  --ddg-road-yellow-hover: #c99700;
  --ddg-road-yellow-bright: #8a6a00;
  --ddg-yellow-rgb: 245, 197, 24;
  --ddg-edge-rgb: 10, 10, 10;
  --ddg-hero-bg: #e2e2e2;
  --ddg-hero-bg-end: #f3f3f3;
  --ddg-surface-warm: #f3f3f3;
  --ddg-surface-elevated: #ffffff;
  --ddg-text: #0a0a0a;
  --ddg-text-muted: #3d3d3d;
  --ddg-border: rgba(10, 10, 10, 0.14);
  --ddg-sage: #3d3d3d;
  --ddg-sage-dark: #0a0a0a;
  --uber-primary-dark: #0a0a0a;
  --ddg-page-heading: #0a0a0a;
  --ddg-page-card-border: rgba(10, 10, 10, 0.12);
  --ddg-accent-gold: var(--ddg-road-yellow);
  --ddg-accent-gold-hover: var(--ddg-road-yellow-hover);
  --ddg-accent-gold-light: var(--ddg-road-yellow-bright);
  --ddg-accent-gold-muted: rgba(var(--ddg-yellow-rgb), 0.2);
  --ddg-sage-muted: rgba(var(--ddg-edge-rgb), 0.06);
  --ddg-btn-secondary-bg: #ffffff;
  --ddg-btn-secondary-text: var(--ddg-text);
  --ddg-btn-secondary-border: rgba(10, 10, 10, 0.18);
  --ddg-btn-secondary-hover: #ebebeb;
  --ddg-sheet: #ffffff;
  --ddg-sheet-elevated: #f3f3f3;
  --ddg-text-on-dark: #0a0a0a;
  --ddg-text-muted-on-dark: #3d3d3d;
  --ddg-border-on-dark: rgba(10, 10, 10, 0.14);
  --uber-sheet: #ffffff;
  --uber-sheet-text: var(--ddg-text-on-dark);
  --shadow-sheet: 0 -4px 24px rgba(10, 10, 10, 0.12), 0 0 0 1px rgba(10, 10, 10, 0.06);
  --uber-bg: var(--ddg-surface-warm);
  --uber-surface: var(--ddg-surface-elevated);
  --uber-text: var(--ddg-text);
  --uber-text-muted: var(--ddg-text-muted);
  --shadow-md: 0 4px 18px rgba(10, 10, 10, 0.1);
  --shadow-gold: 0 2px 14px rgba(var(--ddg-yellow-rgb), 0.28);
  --map-marker-driver: #141414;
}

/* --- Resolved dark: black asphalt · white edge lines · yellow center --- */
html[data-theme='dark'] {
  color-scheme: dark;
  --ddg-road-yellow: #ffcc00;
  --ddg-road-yellow-hover: #e6b800;
  --ddg-road-yellow-bright: #ffe066;
  --ddg-yellow-rgb: 255, 204, 0;
  --ddg-edge-rgb: 245, 245, 245;
  --ddg-hero-bg: #0a0a0a;
  --ddg-hero-bg-end: #141414;
  --ddg-surface-warm: #141414;
  --ddg-surface-elevated: #1e1e1e;
  --ddg-text: #ffffff;
  --ddg-text-muted: #d6d6d6;
  --ddg-border: rgba(255, 255, 255, 0.12);
  --ddg-sage: #d6d6d6;
  --ddg-sage-dark: #ffffff;
  --uber-primary-dark: #ffffff;
  --ddg-page-heading: #ffcc00;
  --ddg-page-card-border: rgba(255, 255, 255, 0.1);
  --ddg-accent-gold: var(--ddg-road-yellow);
  --ddg-accent-gold-hover: var(--ddg-road-yellow-hover);
  --ddg-accent-gold-light: var(--ddg-road-yellow-bright);
  --ddg-accent-gold-muted: rgba(var(--ddg-yellow-rgb), 0.18);
  --ddg-sage-muted: rgba(var(--ddg-edge-rgb), 0.1);
  --ddg-btn-secondary-bg: rgba(255, 255, 255, 0.08);
  --ddg-btn-secondary-text: var(--ddg-text);
  --ddg-btn-secondary-border: rgba(255, 255, 255, 0.2);
  --ddg-btn-secondary-hover: rgba(255, 255, 255, 0.14);
  --ddg-sheet: #0a0a0a;
  --ddg-sheet-elevated: #141414;
  --ddg-text-on-dark: #ffffff;
  --ddg-text-muted-on-dark: #d6d6d6;
  --ddg-border-on-dark: rgba(255, 255, 255, 0.14);
  --uber-sheet: rgba(10, 10, 10, 0.96);
  --uber-sheet-text: var(--ddg-text-on-dark);
  --shadow-sheet: 0 -8px 32px rgba(0, 0, 0, 0.45);
  --uber-bg: var(--ddg-surface-warm);
  --uber-surface: var(--ddg-surface-elevated);
  --uber-text: var(--ddg-text);
  --uber-text-muted: var(--ddg-text-muted);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
  --shadow-gold: 0 2px 14px rgba(var(--ddg-yellow-rgb), 0.32);
  --map-marker-driver: #f5f5f5;
}

/* Landing: inherits global road tokens */
html[data-theme='light'] body.page-landing {
  color-scheme: light;
  --landing-hero-start: var(--ddg-surface-elevated);
  --landing-hero-mid: var(--ddg-surface-warm);
  --landing-hero-end: var(--ddg-hero-bg);
  --landing-text: var(--ddg-text);
  --landing-text-muted: var(--ddg-text-muted);
  --landing-brand: var(--ddg-road-yellow-hover);
  --landing-glow-yellow: rgba(245, 197, 24, 0.22);
  --landing-glow-neutral: rgba(0, 0, 0, 0.04);
  --landing-route-wrap-opacity: 1;
  --landing-road-asphalt: #333333;
  --landing-road-asphalt-opacity: 0.95;
  --landing-road-width: 28;
  --landing-road-far: rgba(10, 10, 10, 0.15);
  --landing-route-yellow: var(--ddg-road-yellow);
  --landing-route-yellow-width: 2.5;
  --landing-route-yellow-opacity: 1;
  --landing-route-edge: var(--ddg-sage-dark);
  --landing-route-edge-width: 2.5;
  --landing-route-edge-opacity: 0.82;
  --landing-route-glow: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2));
  --landing-ops-trigger: rgba(10, 10, 10, 0.35);
  --landing-ops-trigger-hover: rgba(10, 10, 10, 0.7);
  --landing-ops-menu-bg: rgba(255, 255, 255, 0.98);
  --landing-ops-menu-border: rgba(10, 10, 10, 0.12);
  --landing-ops-link: #3d3d3d;
  --landing-cta-outline: var(--ddg-text);
  --landing-chooser-bg: rgba(0, 0, 0, 0.04);
  --landing-chooser-border: rgba(0, 0, 0, 0.14);
  --landing-route-bg: rgba(var(--ddg-yellow-rgb), 0.14);
  --landing-route-border: rgba(var(--ddg-yellow-rgb), 0.32);
}

html[data-theme='dark'] body.page-landing {
  color-scheme: dark;
  --landing-hero-start: var(--ddg-hero-bg);
  --landing-hero-mid: var(--ddg-hero-bg-end);
  --landing-hero-end: #222222;
  --landing-text: var(--ddg-text);
  --landing-text-muted: var(--ddg-text-muted);
  --landing-brand: var(--ddg-road-yellow);
  --landing-glow-yellow: rgba(255, 204, 0, 0.18);
  --landing-glow-neutral: rgba(255, 255, 255, 0.04);
  --landing-route-wrap-opacity: 1;
  --landing-road-asphalt: #2a2a2a;
  --landing-road-asphalt-opacity: 1;
  --landing-road-width: 28;
  --landing-road-far: rgba(255, 255, 255, 0.14);
  --landing-route-yellow: var(--ddg-road-yellow);
  --landing-route-yellow-width: 2.5;
  --landing-route-yellow-opacity: 1;
  --landing-route-edge: var(--ddg-sage-dark);
  --landing-route-edge-width: 2.5;
  --landing-route-edge-opacity: 0.88;
  --landing-route-glow: drop-shadow(0 2px 8px rgba(255, 204, 0, 0.25));
  --landing-ops-trigger: rgba(255, 255, 255, 0.35);
  --landing-ops-trigger-hover: rgba(255, 255, 255, 0.85);
  --landing-ops-menu-bg: rgba(18, 18, 18, 0.97);
  --landing-ops-menu-border: rgba(255, 255, 255, 0.14);
  --landing-ops-link: #d6d6d6;
  --landing-cta-outline: var(--ddg-text);
  --landing-chooser-bg: rgba(255, 255, 255, 0.06);
  --landing-chooser-border: rgba(255, 255, 255, 0.14);
  --landing-route-bg: rgba(var(--ddg-yellow-rgb), 0.1);
  --landing-route-border: rgba(var(--ddg-yellow-rgb), 0.26);
}

body.page-landing .landing-hero {
  background: linear-gradient(
    165deg,
    var(--landing-hero-start) 0%,
    var(--landing-hero-mid) 55%,
    var(--landing-hero-end) 100%
  );
  color: var(--landing-text);
}

html[data-theme='light'] .landing-ops__menu a:hover,
html[data-theme='light'] .landing-ops__menu a:focus-visible {
  color: var(--landing-brand);
}

html[data-theme='dark'] .landing-ops__menu a:hover,
html[data-theme='dark'] .landing-ops__menu a:focus-visible {
  color: var(--landing-brand);
}

html[data-theme='light'] .drawer-overlay {
  background: rgba(15, 20, 25, 0.35);
}

/* Map portal top bar (menu + home) */
.portal-map {
  --ddg-topbar-bg: rgba(255, 255, 255, 0.94);
  --ddg-topbar-border: rgba(10, 10, 10, 0.12);
  --ddg-topbar-fg: #0a0a0a;
  --ddg-topbar-icon: #c99700;
  --ddg-topbar-hover-bg: #ffffff;
  --ddg-topbar-shadow: 0 2px 14px rgba(0, 0, 0, 0.18);
}

html[data-theme='dark'] .portal-map {
  --ddg-topbar-bg: rgba(10, 10, 10, 0.92);
  --ddg-topbar-border: rgba(255, 255, 255, 0.14);
  --ddg-topbar-fg: #ffffff;
  --ddg-topbar-icon: #ffcc00;
  --ddg-topbar-hover-bg: rgba(20, 20, 20, 0.98);
  --ddg-topbar-shadow: 0 2px 18px rgba(0, 0, 0, 0.5);
}

/* Light mode: map sheets, drawer, and controls */
html[data-theme='light'] .portal-map .bottom-sheet {
  box-shadow: var(--shadow-sheet);
}

html[data-theme='light'] .portal-map .sheet-panel,
html[data-theme='light'] .drawer--sheet .sheet-panel,
html[data-theme='light'] .rider-register .sheet-panel,
html[data-theme='light'] .admin-login .sheet-panel,
html[data-theme='light'] .driver-login-overlay .sheet-panel {
  background: #ffffff;
  border: 1px solid rgba(var(--ddg-yellow-rgb), 0.45);
  box-shadow: 0 2px 12px rgba(10, 10, 10, 0.08);
}

html[data-theme='light'] .portal-map .sheet-route-photo {
  background: rgba(0, 0, 0, 0.06);
  border-color: var(--ddg-border);
}

html[data-theme='light'] .portal-map .sheet-route-head-rating {
  color: var(--ddg-text-muted);
}

html[data-theme='light'] .portal-map .sheet-route-head-rating__score {
  color: var(--ddg-text);
}

html[data-theme='light'] .portal-map .sheet-route-head-rating__stars .fa-star.empty {
  color: rgba(0, 0, 0, 0.2);
}

html[data-theme='light'] .portal-map .sheet-route-website {
  color: #0c4a6e;
  background: rgba(72, 152, 210, 0.16);
  border-color: rgba(37, 120, 175, 0.4);
}

html[data-theme='light'] .portal-map .sheet-route-website:hover,
html[data-theme='light'] .portal-map .sheet-route-website:focus-visible {
  color: #082f49;
  background: rgba(72, 152, 210, 0.26);
  border-color: rgba(37, 120, 175, 0.55);
}

html[data-theme='light'] .portal-map .sheet-panel--route,
html[data-theme='light'] .drawer--sheet .sheet-panel--route {
  border-color: rgba(var(--ddg-edge-rgb), 0.35);
  box-shadow: 0 2px 12px rgba(10, 10, 10, 0.08);
}

html[data-theme='light'] .portal-map .sheet-panel__heading,
html[data-theme='light'] .drawer--sheet .sheet-panel__heading,
html[data-theme='light'] .rider-register .sheet-panel__heading,
html[data-theme='light'] .admin-login .sheet-panel__heading,
html[data-theme='light'] .driver-login-overlay .sheet-panel__heading {
  color: var(--ddg-text);
}

html[data-theme='light'] .portal-map .sheet-panel__sub,
html[data-theme='light'] .drawer--sheet .sheet-panel__sub,
html[data-theme='light'] .rider-register .sheet-panel__sub,
html[data-theme='light'] .admin-login .sheet-panel__sub,
html[data-theme='light'] .driver-login-overlay .sheet-panel__sub {
  color: var(--ddg-text-muted);
}

html[data-theme='light'] .portal-map .sheet-field__label,
html[data-theme='light'] .drawer--sheet .sheet-field__label,
html[data-theme='light'] .drawer--sheet .drawer-dock-theme {
  background: rgba(0, 0, 0, 0.04);
  border-color: var(--ddg-border);
}

html[data-theme='light'] .drawer--sheet .drawer-appearance-bar__label,
html[data-theme='light'] .drawer--sheet .drawer-dock-label {
  color: var(--ddg-accent-gold-light);
}

html[data-theme='light'] .portal-map .sheet-step-badge,
html[data-theme='light'] .portal-map .sheet-step-nav__btn,
html[data-theme='light'] .rider-register .sheet-step-badge,
html[data-theme='light'] .admin-login .sheet-step-badge,
html[data-theme='light'] .driver-login-overlay .sheet-step-badge {
  color: var(--ddg-accent-gold-light);
  background: var(--ddg-accent-gold-muted);
  border: 1px solid rgba(var(--ddg-yellow-rgb), 0.35);
}

html[data-theme='light'] .rider-register .rider-register-sheet.bottom-sheet,
html[data-theme='light'] .admin-login .admin-login-sheet.bottom-sheet,
html[data-theme='light'] .driver-login-overlay .driver-login-sheet.bottom-sheet {
  box-shadow: var(--shadow-sheet);
  color: var(--ddg-text);
}

html[data-theme='light'] .rider-register .sheet-panel__badge,
html[data-theme='light'] .admin-login .sheet-panel__badge,
html[data-theme='light'] .driver-login-overlay .sheet-panel__badge {
  background: linear-gradient(145deg, rgba(var(--ddg-yellow-rgb), 0.22) 0%, rgba(var(--ddg-yellow-rgb), 0.08) 100%);
  color: var(--ddg-accent-gold-light);
}

html[data-theme='light'] .rider-register-back a,
html[data-theme='light'] .admin-login-back a,
html[data-theme='light'] .driver-login-back a {
  color: var(--ddg-text-muted);
}

html[data-theme='light'] .rider-register-back a:hover,
html[data-theme='light'] .admin-login-back a:hover,
html[data-theme='light'] .driver-login-back a:hover {
  color: var(--ddg-accent-gold-light);
}

html[data-theme='light'] .portal-map .sheet-panel .sheet-row--field,
html[data-theme='light'] .drawer--sheet .sheet-panel .sheet-row--field {
  background: #f3f5f7;
  border: 1px solid rgba(10, 10, 10, 0.14);
}

html[data-theme='light'] .portal-map .sheet-panel .sheet-row--field input,
html[data-theme='light'] .portal-map .sheet-panel .sheet-row--field input::placeholder {
  color: var(--ddg-text);
}

html[data-theme='light'] .portal-map .sheet-panel .sheet-row--field input::placeholder {
  color: #64748b;
  font-style: italic;
}

html[data-theme='light'] .portal-map .sheet-row i,
html[data-theme='light'] .drawer--sheet .sheet-row i {
  color: var(--ddg-accent-gold-light);
}

html[data-theme='light'] .portal-map .sheet-panel .sheet-row--field:focus-within,
html[data-theme='light'] .drawer--sheet .sheet-panel .sheet-row--field:focus-within {
  border-color: var(--ddg-accent-gold);
  box-shadow: 0 0 0 2px rgba(var(--ddg-yellow-rgb), 0.22);
}

html[data-theme='light'] .portal-map .sheet-panel--route .sheet-row--field:focus-within {
  border-color: var(--ddg-sage-dark);
  box-shadow: 0 0 0 2px rgba(var(--ddg-edge-rgb), 0.14);
}

html[data-theme='light'] .portal-map .sheet-row-locate,
html[data-theme='light'] .portal-map .sheet-row-clear {
  background: rgba(10, 10, 10, 0.08);
  color: var(--ddg-text-muted);
}

html[data-theme='light'] .portal-map .sheet-row-locate {
  color: var(--ddg-accent-gold, #c9a000);
}

html[data-theme='light'] .portal-map .sheet-peek {
  background: #ffffff;
  border: 1px solid var(--ddg-border-on-dark);
  box-shadow: var(--shadow-md);
}

html[data-theme='light'] .portal-map .sheet-peek .label {
  color: var(--ddg-text-muted);
}

html[data-theme='light'] .portal-map .sheet-peek .dest {
  color: var(--ddg-text);
}

html[data-theme='light'] .portal-map .sheet-offer-quote,
html[data-theme='light'] .portal-map .sheet-trip-status-block,
html[data-theme='light'] .portal-map .sheet-trip-details {
  background: #f3f5f7;
  border-color: rgba(10, 10, 10, 0.14);
}

html[data-theme='light'] .portal-map .sheet-offer-quote__amount,
html[data-theme='light'] .portal-map .fare-display {
  color: var(--ddg-accent-gold-light);
  text-shadow: none;
}

html[data-theme='light'] .portal-map .bid-preset {
  background: #f3f5f7;
  border-color: rgba(10, 10, 10, 0.14);
  color: var(--ddg-text);
}

html[data-theme='light'] .portal-map .bid-preset.active {
  border-color: var(--ddg-accent-gold);
  background: var(--ddg-accent-gold-muted);
}

html[data-theme='light'] .drawer--sheet {
  box-shadow: 4px 0 28px rgba(10, 10, 10, 0.14);
}

html[data-theme='light'] .drawer--sheet .drawer-close--sheet {
  background: #ffffff;
  border: 1px solid var(--ddg-border-on-dark);
  color: var(--ddg-text-muted);
}

html[data-theme='light'] .drawer--sheet .drawer-close--sheet:hover {
  border-color: var(--ddg-accent-gold);
  background: var(--ddg-accent-gold-muted);
  color: var(--ddg-accent-gold-light);
}

html[data-theme='light'] .drawer--sheet .drawer-nav__link {
  color: var(--ddg-text);
  background: #ffffff;
  border: 1px solid var(--ddg-border-on-dark);
  box-shadow: var(--shadow-sm);
}

html[data-theme='light'] .drawer--sheet .drawer-nav__link:hover,
html[data-theme='light'] .drawer--sheet .drawer-nav__link:focus-visible {
  background: var(--ddg-sage-muted);
  border-color: rgba(var(--ddg-edge-rgb), 0.25);
  box-shadow: 0 0 0 1px rgba(var(--ddg-edge-rgb), 0.12);
}

html[data-theme='light'] .drawer--sheet .drawer-nav__icon {
  background: var(--ddg-sage-muted);
  color: var(--ddg-sage-dark);
}

html[data-theme='light'] .drawer--sheet .drawer-nav__link:hover .drawer-nav__icon {
  color: var(--ddg-sage-dark);
}

html[data-theme='light'] .drawer--sheet .drawer-thought {
  border-top-color: var(--ddg-border-on-dark);
  color: var(--ddg-text-muted);
}

html[data-theme='light'] .drawer--sheet .drawer-thought__mark {
  color: var(--ddg-accent-gold-light);
  opacity: 0.65;
}

html[data-theme='light'] .drawer--sheet .theme-switch {
  background: #ffffff;
  border: 1px solid var(--ddg-border-on-dark);
  box-shadow: var(--shadow-sm);
}

html[data-theme='light'] .drawer--sheet .theme-switch__btn {
  color: var(--ddg-text-muted);
}

html[data-theme='light'] .drawer--sheet .theme-switch__btn i {
  color: var(--ddg-accent-gold-light);
}

html[data-theme='light'] .drawer--sheet .theme-switch__btn.is-active {
  background: var(--ddg-accent-gold-muted);
  color: var(--ddg-accent-gold-light);
  box-shadow: 0 1px 4px rgba(10, 10, 10, 0.12);
}

html[data-theme='light'] .drawer--sheet .theme-switch__btn.is-active i {
  color: var(--ddg-accent-gold-light);
}

html[data-theme='light'] .drawer--sheet .drawer-nearby-empty,
html[data-theme='light'] .drawer--sheet .drawer-driver-row {
  background: var(--ddg-sheet-elevated);
  border-color: var(--ddg-border-on-dark);
  color: var(--ddg-text-muted);
}

html[data-theme='light'] .drawer--sheet .drawer-driver-row__name {
  color: var(--ddg-text);
}

/* Sign-in shells follow site theme */
html[data-theme='light'] .admin-login,
html[data-theme='light'] .driver-login-overlay,
html[data-theme='light'] .rider-register {
  background: var(--ddg-surface-warm);
}

html[data-theme='light'] .admin-login::before,
html[data-theme='light'] .driver-login-overlay::before,
html[data-theme='light'] .rider-register::before {
  background:
    radial-gradient(ellipse 80% 50% at 50% 100%, rgba(var(--ddg-yellow-rgb), 0.14) 0%, transparent 55%),
    radial-gradient(ellipse 60% 40% at 15% 20%, rgba(var(--ddg-edge-rgb), 0.04) 0%, transparent 50%);
}

/* Theme toggle (drawer / admin / profile) */
.drawer-theme {
  margin: 0;
  padding: 0;
  border: none;
}

.theme-toggle {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-2);
}

.theme-toggle__btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  min-height: 52px;
  padding: var(--space-2);
  font-family: var(--font-sans);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--ddg-text-muted);
  background: var(--ddg-surface-warm);
  border: 1px solid var(--ddg-border);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    color 0.15s ease;
  -webkit-tap-highlight-color: transparent;
}

.theme-toggle__btn i {
  font-size: 1rem;
  color: var(--ddg-accent-gold);
}

.theme-toggle__btn:hover {
  border-color: rgba(var(--ddg-yellow-rgb), 0.45);
}

.theme-toggle__btn.is-active {
  color: var(--ddg-text);
  background: var(--ddg-accent-gold-muted);
  border-color: var(--ddg-accent-gold);
  box-shadow: 0 0 0 1px rgba(var(--ddg-yellow-rgb), 0.25);
}

.theme-toggle__btn.is-active i {
  color: var(--ddg-accent-gold-light);
}

html[data-theme='dark'] .theme-toggle__btn.is-active {
  background: rgba(var(--ddg-yellow-rgb), 0.18);
}

.admin-sidebar .drawer-theme {
  margin-top: auto;
  padding: var(--space-4) 1.25rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.admin-sidebar .drawer-section-title {
  color: rgba(255, 255, 255, 0.55);
}

.admin-sidebar .theme-toggle__btn {
  min-height: 48px;
  background: rgba(0, 0, 0, 0.2);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.75);
}

.admin-sidebar .theme-toggle__btn i {
  color: var(--ddg-accent-gold-light);
}

.admin-sidebar .theme-toggle__btn.is-active {
  color: #fff;
  background: rgba(var(--ddg-yellow-rgb), 0.2);
  border-color: rgba(var(--ddg-yellow-rgb), 0.45);
}

.admin-sidebar .theme-toggle__btn.is-active i {
  color: var(--ddg-accent-gold-light);
}