/* The dark STWT palette stays the default; this layer restores a bright, red-accented UI. */
html[data-theme="light"] {
    color-scheme: light;
    --bg: #f7f5f4;
    --surface: #fff;
    --ink: #252121;
    --muted: #68605e;
    --line: #ded8d6;
    --green: #d52820;
}
html[data-theme="light"] .sidebar,
html[data-theme="light"] .topbar,
html[data-theme="light"] .panel,
html[data-theme="light"] .stat,
html[data-theme="light"] dialog,
html[data-theme="light"] .dialog-heading { background: #fff; color: var(--ink); }
html[data-theme="light"] .nav-item { color: #514b49; }
html[data-theme="light"] .nav-item:hover,
html[data-theme="light"] .nav-item.active { background: #fbeae8; color: #aa201b; }
html[data-theme="light"] .workspace-label,
html[data-theme="light"] .sidebar-bottom small,
html[data-theme="light"] .stat small,
html[data-theme="light"] .stat-label,
html[data-theme="light"] .eyebrow,
html[data-theme="light"] .filename,
html[data-theme="light"] .hash-label,
html[data-theme="light"] .hash-label code,
html[data-theme="light"] .slot-heading span,
html[data-theme="light"] .day-totals,
html[data-theme="light"] .panel-note,
html[data-theme="light"] .pagination,
html[data-theme="light"] .breadcrumb,
html[data-theme="light"] .nav-item span,
html[data-theme="light"] th,
html[data-theme="light"] dt,
html[data-theme="light"] .muted,
html[data-theme="light"] .axis,
html[data-theme="light"] footer { color: var(--muted); }
html[data-theme="light"] .text-button { color: #b5251e; }
html[data-theme="light"] .primary { background: #d52820; color: #fff; }
html[data-theme="light"] .primary:hover { background: #a41e19; }
html[data-theme="light"] .secondary { background: #fff; color: #51413f; border-color: #d7c9c5; }
html[data-theme="light"] .secondary:hover,
html[data-theme="light"] .quiet:hover { background: #fbeae8; color: #9c241e; }
html[data-theme="light"] .vehicle-card { background: #f8edeb; border-color: #d5b6b1; color: var(--ink); }
html[data-theme="light"] .vehicle-card:after { border-color: #d528201c; }
html[data-theme="light"] .vehicle-card .eyebrow,
html[data-theme="light"] .vin,
html[data-theme="light"] .vehicle-meta p,
html[data-theme="light"] .vehicle-meta p span { color: #5a4642; }
html[data-theme="light"] .pill,
html[data-theme="light"] .pill.dark,
html[data-theme="light"] .tag,
html[data-theme="light"] .tag.success { background: #fbeae8; color: #9e231d; border-color: #e2c6c1; }
html[data-theme="light"] .progress,
html[data-theme="light"] .timeline,
html[data-theme="light"] .driver-chart-bars { background-color: #f1edeb; }
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea { background: #fff; color: #322b29; border-color: #d7c9c5; }
html[data-theme="light"] input::placeholder { color: #796e6b; }
html[data-theme="light"] input[type="date"] { color-scheme: light; }
html[data-theme="light"] pre { background: #f6f3f2; color: #322b29; border-color: var(--line); }
html[data-theme="light"] th { background: #f9f5f4; border-color: var(--line); }
html[data-theme="light"] td,
html[data-theme="light"] .meta-pair,
html[data-theme="light"] details,
html[data-theme="light"] .dialog-heading { border-color: var(--line); }
html[data-theme="light"] tbody tr:hover { background: #fdf5f3; }
html[data-theme="light"] .notice,
html[data-theme="light"] .service-caution,
html[data-theme="light"] .driver-day-signals { background: #fff7ec; color: #55412b; border-color: #dcc39d; }
html[data-theme="light"] .service-caution,
html[data-theme="light"] .driver-day-signals { border-left-color: #cf8326; }
html[data-theme="light"] .message { background: #eef8f1; border-color: #97c6a7; color: #245637; }
html[data-theme="light"] .message.error { background: #fff0ec; border-color: #e5b4a9; color: #96392e; }
html[data-theme="light"] .info-note { background: #eef4f5; border-color: #d4e0e2; color: #405960; }
html[data-theme="light"] .service-table .replacement-row,
html[data-theme="light"] .service-entry.replacement_review { background: #fff3ef; }
html[data-theme="light"] .service-table .service-reason,
html[data-theme="light"] .service-evidence { color: #5c6567; }
html[data-theme="light"] .service-badge.replacement_review { background: #fff0ec; color: #9b3c28; border-color: #dbad9f; }
html[data-theme="light"] .service-badge.diagnostics { background: #fff7e4; color: #785800; border-color: #dfcc97; }
html[data-theme="light"] .service-badge.operational { background: #eff3f4; color: #52646a; border-color: #c2cccf; }
html[data-theme="light"] .service-badge.unknown { background: #f3edf9; color: #705685; border-color: #c9b5d7; }
html[data-theme="light"] .driver-calendar,
html[data-theme="light"] .driver-summary > div,
html[data-theme="light"] .driver-places > div,
html[data-theme="light"] .driver-range { background: #fff; border-color: var(--line); }
html[data-theme="light"] .driver-calendar-heading button,
html[data-theme="light"] .driver-day-header button { background: #fff; color: var(--ink); }
html[data-theme="light"] .driver-calendar-days button { background: #f7ebe8; color: #9b2e28; }
html[data-theme="light"] .driver-calendar-days button.has-signal { background: #f9d8d2; border-color: #d52820; color: #79221e; }
html[data-theme="light"] .driver-calendar-days button.chosen { background: #d52820; border-color: #a91d18; color: #fff; }
html[data-theme="light"] .driver-calendar-days button:disabled { background: transparent; color: #9c9290; }
html[data-theme="light"] .driver-places span { background: #f8edeb; color: #553a36; }
html[data-theme="light"] .driver-places small,
html[data-theme="light"] .driver-places strong,
html[data-theme="light"] .driver-range label { color: #615551; }
html[data-theme="light"] .driver-range-error { color: #a91d18; }
html[data-theme="light"] .driver-day-header,
html[data-theme="light"] .driver-chart-bars { border-color: #d7c9c5; }
html[data-theme="light"] .driver-chart-bars {
    background-image: repeating-linear-gradient(to right, #d9d1cf 0, #d9d1cf 1px, transparent 1px, transparent 16.666%);
}
html[data-theme="light"] .gnss-map { background: #edf2f2; border-color: #d7c9c5; }
html[data-theme="light"] .gnss-selected { background: #f8edeb; color: #392d2a; }
@media print {
    html[data-theme="light"] .panel,
    html[data-theme="light"] .stat,
    html[data-theme="light"] .vehicle-card { background: #fff; color: #171313; }
}