/* Website light mode (owner, 4 Oct 2026): the app's light palette (lib/theme.dart #53).
   Off-white page, white cards, the dark blue becomes text, cyan becomes a deeper teal.
   html[data-theme="light"] outranks each page's own :root, so this file can load anywhere. */
html[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f7f8;
  --bg-raised: #eef3f5;
  --sidebar: #ffffff;
  --card: #ffffff;
  --card-alt: #ebf1f3;
  --card-strong: #e2ebef;
  --card-border: #b9cdd5;
  --card-border-hover: #8fb0bd;
  --text: #0d2733;
  --muted: #4d6d7b;
  --subtle: #6b8592;
  --accent: #0891b2;
  --accent-border: #0891b2;
  --accent-bg: rgba(8, 145, 178, 0.10);
  --accent-text: #ffffff;
  /* Same meaning, a shade deeper so text stays readable on white. */
  --good: #1f8f62;
  --good-bg: rgba(46, 168, 118, 0.12);
  --warn: #b7791f;
  --warn-bg: rgba(251, 191, 36, 0.16);
  --bad: #c53b3b;
  --bad-bg: rgba(239, 68, 68, 0.09);
  --go: #12994c;
  --go-bg: rgba(0, 217, 95, 0.13);
  --shadow: 0 10px 28px rgba(13, 39, 51, 0.08);
}

/* Surfaces that were drawn with fixed dark colours. */
html[data-theme="light"] body {
  background: radial-gradient(circle at 74% -10%, rgba(8, 145, 178, 0.07), transparent 30rem), var(--bg);
}
html[data-theme="light"] aside.sidebar { background: rgba(255, 255, 255, 0.97); }
html[data-theme="light"] .card { background: var(--card); box-shadow: 0 1px 2px rgba(13, 39, 51, 0.05); }
html[data-theme="light"] code { color: #0d4f5f; background: var(--card-alt); }
html[data-theme="light"] tbody tr:hover { background: rgba(13, 39, 51, 0.03); }
html[data-theme="light"] .nav-link.active { border-color: rgba(8, 145, 178, 0.25); }
html[data-theme="light"] .workspace-health-pill { background: rgba(255, 255, 255, 0.95); }
html[data-theme="light"] .haul-toolbar { box-shadow: 0 6px 18px rgba(13, 39, 51, 0.08); }
html[data-theme="light"] .shelf-tile img { background: rgba(13, 39, 51, 0.04); }
html[data-theme="light"] .mode-card.active { background: rgba(8, 145, 178, 0.08); }
html[data-theme="light"] .shelf-status-pill.error,
html[data-theme="light"] .shelf-status-pill.partial { color: #b7791f; }

.theme-toggle { width: 100%; font-size: 0.82rem; padding: 0.45rem; margin-top: 0.5rem; }
.theme-toggle-floating { position: fixed; top: 0.6rem; right: 0.6rem; z-index: 50; width: auto; margin: 0;
  font-size: 0.78rem; padding: 0.35rem 0.6rem; border-radius: 999px; border: 1px solid var(--card-border);
  background: var(--card); color: var(--text); cursor: pointer; }

/* Logos: the white-on-dark version in dark mode, the normal one in light mode. */
html[data-theme="light"] .theme-dark-only, html:not([data-theme="light"]) .theme-light-only { display: none !important; }
html[data-theme="light"] .workspace-mobile-dock { background: rgba(255, 255, 255, 0.97) !important; box-shadow: 0 -8px 24px rgba(13, 39, 51, 0.08) !important; }