:root {

  /* ── Couleurs ─────────────────────────────── */

  --color-bg:   #1a1208;
  --color-text: #ede4d4;

  --rgb-warm:   220, 210, 190;
  --rgb-ivory:  237, 228, 212;

  /* ── Rôles de couleur du texte ────────────── */

  --color-text-secondary: rgba(237, 228, 212, 0.85);
  --color-text-body:      rgba(220, 210, 190, 0.65);
  --color-text-muted:     rgba(220, 210, 190, 0.45);
  --color-text-ghost:     rgba(220, 210, 190, 0.25);

  /* ── Accents univers (composantes RGB) ────── */

  --rgb-accent-mentalisme: 80, 200, 120;
  --rgb-accent-illusion:   100, 140, 255;
  --rgb-accent-hypnose:    150, 110, 220;

  /* ── Teinte portes au survol (hue-rotate depuis sepia) */

  --hue-mentalisme: 90deg;   /* vert  */
  --hue-illusion:   185deg;  /* bleu  */
  --hue-hypnose:    240deg;  /* violet */

  /* ── États fonctionnels (composantes RGB) ─── */

  --rgb-success: 120, 200, 140;
  --rgb-info:    100, 140, 255;

  /* ── Typographie — famille ────────────────── */

  --font-serif: 'Playfair Display', serif;
  --font-sans:  'Raleway', sans-serif;

  /* ── Typographie — graisse ────────────────── */

  --fw-thin:    100;
  --fw-light:   300;
  --fw-regular: 400;
  --fw-semi:    600;
  --fw-bold:    700;
  --fw-black:   900;

  /* ── Typographie — taille ─────────────────── */

  --fs-xs:   0.62rem;
  --fs-sm:   0.7rem;
  --fs-base: 0.92rem;
  --fs-md:   0.95rem;

  /* ── Border-radius ────────────────────────── */

  --radius-sm:   2px;
  --radius-card: 2.5rem;

  /* ── Transitions ──────────────────────────── */

  --transition-fast: .2s ease;
  --transition-base: .25s ease;
  --transition-slow: .3s ease;

  /* ── Visibilité header ────────────────────── */

  --show-cards: 1;
  --show-esp:   1;

}