/**
 * Tema do Curso 1 (Metatron — azul)
 * Para C2+: duplique este arquivo (ex.: c2.css) e altere apenas as variáveis.
 */
:root,
[data-course-theme="c1"] {
  --course-id: c1;

  --course-primary: #1a6fa8;
  --course-primary-dark: #0c4466;
  --course-accent: #fbc02d;
  --course-bg: #f0f4f8;
  --course-surface: #ffffff;
  --course-text: #0c4466;
  --course-text-muted: #555;
  --course-text-body: #333;
  --course-border-muted: #ddd;
  --course-icon-muted: #a0c4e2;
  --course-tint-rgb: 12, 68, 102;
  --course-primary-rgb: 26, 111, 168;

  --course-shadow: 0 10px 50px rgba(12, 68, 102, 0.1);
  --course-shadow-hover: 0 12px 32px rgba(12, 68, 102, 0.35);
  --course-btn-shadow: 0 6px 24px rgba(12, 68, 102, 0.25);
  --course-card-accent-border: 6px solid var(--course-primary-dark);
  --course-radius-lg: 24px;
  --course-radius-md: 16px;
  --course-radius-sm: 8px;

  --course-wrong: #ef4444;
  --course-success: #10b981;
  --course-highlight: #fbc02d;
  --course-used: #334155;

  /* Aliases usados pelos exercícios (compatibilidade) */
  --primary: var(--course-primary);
  --primary-hover: var(--course-primary-dark);
  --bg: var(--course-bg);
  --card: var(--course-surface);
  --wrong: var(--course-wrong);
  --success: var(--course-success);
  --highlight: var(--course-highlight);
  --used: var(--course-used);
  --text-main: var(--course-text);
  --text-muted: var(--course-text-muted);
  --connected-line-color: var(--course-primary);
  --progress-done: var(--course-accent);
}