/* Light theme: readable text, clear controls and visible selected/focus states.
   Keep the compact layout, typography and dark-theme palette unchanged. */
html[data-theme="light"] {
  color-scheme: light;
  --bg: #eef2f6;
  --panel: #ffffff;
  --panel-2: #f4f7fa;
  --line: #c6d1db;
  --text: #182633;
  --muted: #4f6070;
  --faint: #5c6e7d;
  --accent: #df6c52;
  --accent-soft: #a43c27;
  --green: #146c43;
  --yellow: #805900;
  --red: #b33c45;
  --control-line: #7b8b99;
  --focus: #9d3b27;
  --shadow: 0 10px 30px rgba(25,43,61,.08);
}

html[data-theme="light"] .main-content { background: var(--bg); }
html[data-theme="light"] .boot-view { background: var(--bg); color: var(--text); }
html[data-theme="light"] .boot-card { background: var(--panel); border-color: var(--line); }
html[data-theme="light"] .panel,
html[data-theme="light"] .metric-card { border-color: var(--line); box-shadow: 0 4px 18px rgba(25,43,61,.045); }
html[data-theme="light"] .workspace-label,
html[data-theme="light"] .date-card-label,
html[data-theme="light"] .server-card small { color: var(--muted); }
html[data-theme="light"] .admin-worker-load-summary small { color: var(--muted); }
html[data-theme="light"] .watch-target-card.is-completed .target-state { color: #a43c27; }
html[data-theme="light"] .nav-item { color: #4f6070; }
html[data-theme="light"] .nav-item.active {
  background: #fff0e9;
  color: #8d301f;
  box-shadow: inset 3px 0 0 #a43c27;
}
html[data-theme="light"] .nav-item:hover { background: #edf2f6; color: var(--text); }
html[data-theme="light"] .nav-item.active:hover { background: #fbe5db; color: #8d301f; }
html[data-theme="light"] .notification-tab { color: var(--muted); }
html[data-theme="light"] .notification-tab.is-active {
  color: #8d301f;
  border-color: #b98573;
  box-shadow: inset 0 -3px 0 #a43c27;
}

html[data-theme="light"] .soft-badge,
html[data-theme="light"] .mini-button,
html[data-theme="light"] .button-secondary,
html[data-theme="light"] .icon-button,
html[data-theme="light"] .sidebar-accountbar .logout-button {
  color: #354d60;
  background-color: #f0f4f7;
  border-color: #94a3af;
}
html[data-theme="light"] .mini-button:hover,
html[data-theme="light"] .button-secondary:hover,
html[data-theme="light"] .icon-button:hover {
  background-color: #e3ebf2;
  border-color: #667c8e;
  color: #203b50;
}
html[data-theme="light"] .swap-stations-button { color: var(--accent-soft); border-color: var(--control-line); }
html[data-theme="light"] .guide-steps li > b { color: #9f3723; }
html[data-theme="light"] .notification-guide .guide-steps li > b { color: #9f3723; }
html[data-theme="light"] .switch-line > span:not(.switch-ui) { color: var(--text); }

html[data-theme="light"] :is(.dashboard-form,.stack-form,.notification-settings-grid) :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html[data-theme="light"] .route-favorite-row select,
html[data-theme="light"] .journey-result-filter select,
html[data-theme="light"] .account-journeys-panel select {
  color: var(--text);
  background-color: #ffffff;
  border-color: var(--control-line);
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder { color: #5c6e7d; opacity: 1; }
html[data-theme="light"] input[type="checkbox"],
html[data-theme="light"] input[type="radio"] { accent-color: #a43c27; }
html[data-theme="light"] .switch-ui { background: #d1d9e1; box-shadow: inset 0 0 0 1px #7b8b99; }
html[data-theme="light"] .switch-ui::after { background: #586b7a; }
html[data-theme="light"] .switch-line input:checked + .switch-ui { background: #146c43; box-shadow: inset 0 0 0 1px #0b5a36; }
html[data-theme="light"] .switch-line input:checked + .switch-ui::after { background: #ffffff; }

html[data-theme="light"] :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 3px;
}
html[data-theme="light"] :is(button,input,select,textarea):disabled {
  opacity: 1;
  color: #647380;
  background-color: #edf1f4;
  border-color: #b8c3cc;
  cursor: not-allowed;
}