/* ==================== BASE THEME ==================== */

:root {
  --bg: #1A1918;
  --primary: #DC5D3D;
  --text: #ffffff;
  --text-muted: #8a8784;
  --surface: #242220;
  --surface-light: #2e2c29;
  --border: #3a3835;
  --font-title: 'Fraunces', serif;
  --font-body: 'Inter', sans-serif;
}

.reveal {
  font-family: var(--font-body);
  font-weight: 400;
  color: var(--text);
  font-size: 36px;
}

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4 {
  font-family: var(--font-title);
  font-weight: 700;
  color: var(--text);
  text-transform: none;
  letter-spacing: -0.02em;
}

.reveal h1 { font-size: 2.8em; line-height: 1.1; }
.reveal h2 { font-size: 1.5em; line-height: 1.2; margin-bottom: 0.3em; margin-top: 0; }
.reveal h3 { font-size: 1.3em; }

.reveal p { line-height: 1.6; }

.reveal code {
  font-family: 'SF Mono', 'Fira Code', monospace;
  font-size: 0.85em;
}

.reveal pre {
  font-size: 0.55em;
  box-shadow: none;
  width: 100%;
  margin: 0;
}


.reveal pre code {
  padding: 1.2em 1.5em;
  border-radius: 8px;
  background: var(--surface);
  border: 1px solid var(--border);
  max-height: 420px;
  line-height: 1.5;
  overflow: auto;
}

/* Accent color */
.accent { color: var(--primary); }
.accent-bg { background: var(--primary); color: var(--bg); }
.muted { color: var(--text-muted); font-size: 0.85em; }

/* Progress bar */
.reveal .progress { color: var(--primary); height: 3px; }
.reveal .controls { color: var(--primary); }

/* Overview (bird's eye) background */
.reveal.overview { background: #000000 !important; }