/* Thème sombre — variables CSS */
:root {
  --color-bg:      #0f172a;
  --color-surface: #1e293b;
  --color-border:  #334155;
  --color-text:    #e2e8f0;
  --color-muted:   #94a3b8;
  --color-accent:  #3b82f6;
}

body {
  background: var(--color-bg);
  color: var(--color-text);
  /* Zones sûres : encoche iPhone, barre de gestes Android */
  padding-left:   env(safe-area-inset-left);
  padding-right:  env(safe-area-inset-right);
  padding-bottom: env(safe-area-inset-bottom);
}

/* Scrollbar discrète */
::-webkit-scrollbar       { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--color-bg); }
::-webkit-scrollbar-thumb { background: var(--color-border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--color-muted); }

/* Sélection texte */
::selection { background: var(--color-accent); color: #fff; }