/* TEMA CLARO - PRIORIDADE 1 */
html[data-theme="light"] {
  --bg-deep: #f1f5f9;
  --bg-card: #ffffff;
  --bg-surface: #f8fafc;
  --bg-elevated: #e2e8f0;
  --border: #cbd5e1;
  --border-hi: #94a3b8;
  --text-main: #0f172a;
  --text-muted: #475569;
  --text-dim: #64748b;
  --shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] body {
  background: var(--bg-deep);
  color: var(--text-main);
}

html[data-theme="light"] #app {
  background: var(--bg-card);
  border-color: var(--border);
  box-shadow: var(--shadow);
}

html[data-theme="light"] .app-header {
  background: linear-gradient(135deg, #e8f0fe 0%, #dbeafe 50%, #e0f2fe 100%);
  border-bottom-color: var(--border);
}

html[data-theme="light"] .app-title {
  color: #1e3a8a;
}

html[data-theme="light"] .app-subtitle {
  color: #334155;
}

html[data-theme="light"] .official-chip {
  background: #ffffff;
  border-color: #bfdbfe;
  color: #1e40af;
}

html[data-theme="light"] .tabs-wrap {
  background: var(--bg-deep);
  border-bottom-color: var(--border);
}

html[data-theme="light"] .tabs {
  background: #e2e8f0;
}

html[data-theme="light"] .tab-btn {
  color: #475569;
}

html[data-theme="light"] .tab-btn.active {
  background: #1a73e8;
  color: #ffffff;
}

html[data-theme="light"] .mind-title,
html[data-theme="light"] .teoria-card-name,
html[data-theme="light"] .flash-pergunta,
html[data-theme="light"] .area-title {
  color: #0f172a;
}

html[data-theme="light"] .mind-card,
html[data-theme="light"] .flashcard-inner,
html[data-theme="light"] .teoria-card,
html[data-theme="light"] .quiz-box,
html[data-theme="light"] .dashboard-card,
html[data-theme="light"] .coverage-stat,
html[data-theme="light"] .review-summary-card,
html[data-theme="light"] .area-block {
  background: #ffffff;
  border-color: #cbd5e1;
}

html[data-theme="light"] .topic-row {
  border-bottom-color: #e2e8f0;
}

html[data-theme="light"] .topic-status,
html[data-theme="light"] .quiz-option,
html[data-theme="light"] .selector-wrap select,
html[data-theme="light"] .flash-mode select {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #0f172a;
}