:root {
  /* ── Fonds ── */
  --bg-deep:    #070e18;   /* fond le plus sombre (body) */
  --bg-base:    #0d1b2a;   /* fond principal des composants */
  --bg-surface: #0a1520;   /* fond des inputs, pills, selects */
  --bg-raised:  #152030;   /* hover léger */
  --bg-inset:   #1a2d42;   /* éléments actifs (bouton page active…) */

  /* ── Bordures ── */
  --border:       #1e2d3d;  /* bordure standard */
  --border-alt:   #1e3048;  /* variante légèrement différente */
  --border-focus: #2a4060;  /* focus subtil */

  /* ── Texte ── */
  --text-primary:   #c8d8e8; /* texte principal */
  --text-secondary: #8899aa; /* texte secondaire */
  --text-muted:     #6a8090; /* texte discret */
  --text-faint:     #4a6070; /* placeholder, icônes inactives */

  /* ── Accent or ── */
  --accent:        #c89b3c; /* or Riftbound — couleur principale */
  --accent-dim:    rgba(200, 155, 60, 0.15); /* fond actif léger */
  --accent-border: rgba(200, 155, 60, 0.4);  /* bordure active */

  /* ── États ── */
  --color-error:   #ef4444;
  --color-success: #22c55e;
  --color-warning: #f59e0b;
}