/**
 * ═══════════════════════════════════════════════════════════════
 * STYLES : base.css
 * RÔLE   : Body, typographie, scrollbars, gestion du focus
 * SCOPE  : global · DÉPS : tokens.css
 * @project Caroteck · @signature TECHNOTECK ♥ POWER — Pour Caro Annie
 * ═══════════════════════════════════════════════════════════════
 */
body {
  background: var(--bg-primary);
  color: var(--text-primary);
  font-family: var(--font-family-base);
  font-size: var(--font-size-md);
  line-height: var(--line-height-base);
  overflow-x: hidden;
}
h1 { font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); }
h2 { font-size: var(--font-size-xl); font-weight: var(--font-weight-semibold); }
h3 { font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); }
p  { color: var(--text-secondary); }
small { font-size: var(--font-size-xs); color: var(--text-muted); }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb { background: var(--border-bright); border-radius: var(--radius-full); }
::-webkit-scrollbar-track { background: transparent; }