/* Light-only corrections. Keep dark theme and application behavior unchanged. */
html[data-theme="light"] {
  color-scheme: light;
  --color-bg: #f5f7fa;
  --color-surface: #ffffff;
  --color-surface-2: #f8fafc;
  --color-surface-offset: #eef2f6;
  --color-surface-dynamic: #e5ebf1;
  --color-text: #182536;
  --color-text-muted: #526174;
  --color-text-faint: #58677a;
  --color-primary: #06658b;
  --color-primary-hover: #055575;
  --color-primary-active: #04445e;
  --color-primary-highlight: #d8f1fc;
  --color-success: #166534;
  --color-success-bg: #dcfce7;
  --color-warning: #85400e;
  --color-warning-bg: #fef3c7;
  --color-error: #b91c1c;
  --color-error-bg: #fee2e2;
  --shadow-lg: 0 8px 24px rgba(24,37,54,.10);
}
html[data-theme="light"] body { background: var(--color-bg); animation: none; }
html[data-theme="light"] body::before,
html[data-theme="light"] body::after { content: none; }
html[data-theme="light"] .topbar,
html[data-theme="light"] .sidebar,
html[data-theme="light"] .ai-panel { background: var(--color-surface); border-color: var(--color-divider); }
html[data-theme="light"] .nav-icon.active { background: var(--color-surface-offset); box-shadow: inset 0 0 0 1px var(--color-border); }
html[data-theme="light"] .topbar .logo { flex-shrink: 0; }
html[data-theme="light"] .topbar .logo-text { white-space: nowrap; }
html[data-theme="light"] .topbar .preflight-list { flex: 1; min-width: 0; overflow: hidden; }
html[data-theme="light"] .topbar .preflight-item { flex: 1 1 150px; width: auto; min-width: 0; }
html[data-theme="light"] .topbar .preflight-name { overflow: hidden; text-overflow: ellipsis; }
html[data-theme="light"] .subscriber-card { box-shadow: var(--shadow-lg); }
html[data-theme="light"] .team-modal,
html[data-theme="light"] .subscriber-card,
html[data-theme="light"] .suggestion-card { background: var(--color-surface); border-color: var(--color-border); }
html[data-theme="light"] .suggestion-card.is-final { background: #f0fdf4; }
html[data-theme="light"] .roleplay-setup-title,
html[data-theme="light"] .trainer-practice-badge { color: var(--color-warning); }
html[data-theme="light"] .trainer-practice-badge { background: var(--color-warning-bg); border-color: var(--color-warning); }
html[data-theme="light"] #btnStartRoleplay,
html[data-theme="light"] #btnDemoShowcase { color: var(--color-primary) !important; background: var(--color-primary-highlight) !important; border-color: var(--color-primary) !important; }
html[data-theme="light"] .btn-end-call { color: var(--color-error); background: var(--color-error-bg); border-color: var(--color-error); }
html[data-theme="light"] #reportAvgHintRating,
html[data-theme="light"] .hint-rating-btn.is-active { color: var(--color-warning) !important; }
html[data-theme="light"] .hint-rating-btn.is-active { background: var(--color-warning-bg); border-color: var(--color-warning); }
@media (hover:hover) {
  html[data-theme="light"] .hint-rating-btn:not(:disabled):hover { color: var(--color-warning); border-color: var(--color-warning); }
}
html[data-theme="light"] select,
html[data-theme="light"] input { color-scheme: light; }
html[data-theme="light"] select:focus-visible,
html[data-theme="light"] input:focus-visible,
html[data-theme="light"] textarea:focus-visible,
html[data-theme="light"] button:focus-visible,
html[data-theme="light"] a:focus-visible,
html[data-theme="light"] summary:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }