/* ─── BASE.CSS — CSS variables, reset, body styles ─── */
/* Note: --accent, --accent-glow, --accent-light are NOT here.
   They are injected dynamically by Django in base.html per scenario. */

:root {
  /* Fonds — du plus sombre au plus clair */
  --bg:             #0c0c10;
  --bg-panel:       #10101a;
  --bg-card:        #14141f;
  --border:         #1e1e2e;
  --border-accent:  #2a1a2e;

  /* Texte */
  --text:           #e8e0d0;
  --text-dim:       #7a7268;
  --text-muted:     #3d3a36;

  /* États codex */
  --new:            #2a6e4e;
  --new-light:      #3dba82;
  --updated:        #1a4a6e;
  --updated-light:  #4a9fd4;

  /* Typographie */
  --serif: 'IM Fell English', 'Crimson Pro', Georgia, serif;
  --mono:  'JetBrains Mono', monospace;
  --sans:  'Crimson Pro', serif;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--sans);
  font-size: 17px;
  line-height: 1.7;
  min-height: 100vh;
  min-height: 100dvh;
  overflow: hidden;
}

/* ─── Custom scrollbar (shared across transcript and codex) ─── */
::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 2px;
}