:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f2ef;
  --panel: #fff;
  --panel-2: #ece7e3;
  --line: #d5cbc5;
  --text: #28211f;
  --muted: #635955;
  --accent: #8f1440;
  --accent-2: #28613c;
  --danger: #ad293b;
  --brand: #8f1440;
  --brand-surface: #f4e4eb;
  --surface-raised: #fbf9f7;
  --focus: #8f1440;
}

:root[data-theme="light"] body {
  background: radial-gradient(ellipse 55% 36% at 50% -12%, #eadde1 0%, transparent 78%), var(--bg);
}
:root[data-theme="light"] .dashboard-tabs { background: #e9e4e0; }
:root[data-theme="light"] .dashboard-tab:hover { background: #ded7d2; color: var(--text); }
:root[data-theme="light"] .dashboard-tab[aria-selected="true"] { background: var(--brand); color: #fff; }
:root[data-theme="light"] .panel { background: linear-gradient(155deg, #fff, #f8f5f2); box-shadow: 0 12px 32px #30221a12; }
:root[data-theme="light"] .device-card,
:root[data-theme="light"] .app-card,
:root[data-theme="light"] .policy-card,
:root[data-theme="light"] .priority-card,
:root[data-theme="light"] .ad-form-card,
:root[data-theme="light"] .access-user { background: #fff; border-color: var(--line); }
:root[data-theme="light"] .device-card:hover,
:root[data-theme="light"] .app-card:hover { background: #f7f1ed; }
:root[data-theme="light"] .device-card.active { background: #f5e9ee; border-color: var(--accent); }
:root[data-theme="light"] .ad-mode,
:root[data-theme="light"] .ad-preview,
:root[data-theme="light"] .ad-empty,
:root[data-theme="light"] .ad-filter-chips,
:root[data-theme="light"] .channel-switch { background-color: #f0ece9; }
:root[data-theme="light"] .ad-mode:has(input:checked) { background: #f3e5ea; }
:root[data-theme="light"] .ad-card-number { background: #f4e4eb; color: var(--accent); }
:root[data-theme="light"] .notice,
:root[data-theme="light"] .app-action-status { background: #f4eef0; border-color: #dfc9d1; }
:root[data-theme="light"] .app-action-status[data-state="success"] { border-color: #a8cbb1; }
:root[data-theme="light"] .app-action-status[data-state="failed"] { border-color: #dfb4ba; }
:root[data-theme="light"] .coverage-table th { background: #eee9e5; }
:root[data-theme="light"] .coverage-table th,
:root[data-theme="light"] .coverage-table td { border-bottom-color: #ded7d2; }
:root[data-theme="light"] .coverage-pill { background: #e9e4e0; color: #514944; }
:root[data-theme="light"] .coverage-pill.yes { background: #e2efe5; color: #245834; }
:root[data-theme="light"] input,
:root[data-theme="light"] textarea,
:root[data-theme="light"] select { background: #fff; color: var(--text); border-color: #8f8078; }
:root[data-theme="light"] input::placeholder,
:root[data-theme="light"] textarea::placeholder { color: #70645e; }
:root[data-theme="light"] label { color: #403632; }
:root[data-theme="light"] .hero-actions .access-account-button { color: var(--text); }
:root[data-theme="light"] .connection-badge.connected { color: #226340; }
:root[data-theme="light"] .connection-badge.recent { color: #76520f; }
:root[data-theme="light"] .connection-badge.offline { color: #5e5752; }
:root[data-theme="light"] button.secondary { background: #eee9e5; color: var(--text); border-color: #c9bfb9; }
:root[data-theme="light"] button.secondary:hover { background: #e4dcd7; border-color: var(--accent); }
:root[data-theme="light"] button.ghost { background: transparent; color: var(--accent); }
:root[data-theme="light"] button.danger,
:root[data-theme="light"] .danger-action { background: #f8e9eb !important; color: #9f2335 !important; border-color: #d9a6ad !important; }
:root[data-theme="light"] button.danger:hover,
:root[data-theme="light"] .danger-action:hover { background: #f2dadd !important; }
:root[data-theme="light"] button:focus-visible,
:root[data-theme="light"] input:focus-visible,
:root[data-theme="light"] textarea:focus-visible,
:root[data-theme="light"] select:focus-visible,
:root[data-theme="light"] summary:focus-visible,
:root[data-theme="light"] .device-card:focus-visible,
:root[data-theme="light"] .app-card:focus-visible { box-shadow: 0 0 0 2px #8f144044; }
:root[data-theme="light"] .pill { background: #f0ece9; }
:root[data-theme="light"] .app-catalog-item { background: #f7f4f1; }
:root[data-theme="light"] .app-catalog-item[data-selected="true"] { background: #f4e7ec; }
:root[data-theme="light"] .app-catalog-item .app-select strong { color: var(--text); }
:root[data-theme="light"] .app-device-actions { background: linear-gradient(120deg, #f5e9ed, #f6f2ef 72%); border-color: #ddc5ce; }
:root[data-theme="light"] .app-workspace-section summary { color: var(--text) !important; }
:root[data-theme="light"] .runtime-row { border-color: #d5cbc5; background: #fff; }
:root[data-theme="light"] .runtime-row[data-foreground="true"] { border-color: #9f4b68; background: #f4e7ec; }
:root[data-theme="light"] .message-dialog,
:root[data-theme="light"] .reset-dialog,
:root[data-theme="light"] .access-dialog,
:root[data-theme="light"] .maintenance-dialog,
:root[data-theme="light"] .remote-dialog { background: #fff; color: var(--text); border-color: var(--line); }
:root[data-theme="light"] dialog::backdrop { background: #21171380; }
:root[data-theme="light"] .brand-logo { background: #292725; border-radius: 10px; padding: 6px 9px; }

.theme-picker { display: block; width: 100px; min-width: 0; margin: 0; color: var(--muted); font-size: 12px; }
.theme-picker select { display: block; width: 100%; height: 42px; min-height: 42px; margin: 0; padding: 8px 26px 8px 10px; font-size: 13px; }
@media (max-width: 700px) {
  .hero-actions .language-picker { width: clamp(80px, 25vw, 98px); }
  .hero-actions .theme-picker { width: clamp(70px, 23vw, 90px); }
  .hero-actions #refreshButton { padding: 8px 6px; }
}