/* Dark is the base palette; light-mode users receive a complete light palette automatically. */
@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    --bg: #edf3f6;
    --panel: #ffffff;
    --panel-strong: #f3f7fa;
    --text: #152633;
    --muted: #5b7180;
    --line: #cbd9e2;
    --cyan: #087da3;
    --lime: #247c3d;
    --amber: #946000;
    --red: #b63c35;
    --blue: #315fa9;
  }

  body {
    background:
      radial-gradient(circle at top left, rgba(8, 125, 163, 0.1), transparent 28%),
      linear-gradient(180deg, #f8fbfc 0%, var(--bg) 100%);
  }

  .appbar,
  .hero-copy,
  .hero-panel,
  .panel,
  .filters-panel,
  .report-toolbar,
  .kpi-card,
  .risk-card,
  .workflow-panel,
  .import-preview-card,
  .load-inline-detail,
  .chart-tooltip {
    border-color: rgba(52, 83, 101, 0.16);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 16px 38px rgba(49, 76, 91, 0.12);
  }

  .hero-panel,
  .filters-panel,
  .report-toolbar,
  .kpi-card,
  .risk-card,
  .workflow-panel {
    background: linear-gradient(180deg, #ffffff, #f4f8fa);
  }

  .hero-metrics > div,
  .hero-tags span,
  .badge,
  .mobile-menu-button,
  .appnav a,
  .table-controls,
  .table-search,
  .table-size,
  table.responsive-table tbody tr,
  .legend-item,
  .fuel-notes > *,
  .import-tags span,
  .risk-meta span {
    border-color: rgba(52, 83, 101, 0.15);
    background: rgba(32, 92, 120, 0.055);
    color: var(--text);
  }

  input,
  select,
  textarea,
  option {
    color-scheme: light;
    border-color: var(--line);
    background: #ffffff;
    color: var(--text);
  }

  .system-status,
  .hero-tags span,
  .badge-muted,
  .chart-tooltip p {
    color: var(--muted);
  }

  .badge-warn { color: #815200; }
  .badge-danger { color: #a52e28; }
  .appbar-mark { color: #ffffff; }

  .report-button-primary,
  button[data-print-report] {
    background: #087da3;
    color: #ffffff;
  }

  .report-button-primary:hover,
  button[data-print-report]:hover {
    background: #066986;
    color: #ffffff;
  }
}