:root {
  /* ── Fonds dark (fusion CleanerApp B) ───────────────────── */
  --bg:          #04080f;
  --bg-mid:      #070d1a;
  --bg-overlay:  #08101e;
  --bg-card:     #0d1526;
  --bg-card-h:   #111d30;

  /* ── Bordures 1px ───────────────────────────────────────── */
  --border:      #1a2e48;
  --border-mid:  rgba(26,46,72,0.5);
  --border-dim:  rgba(255,255,255,0.05);

  /* ── Texte ──────────────────────────────────────────────── */
  --text:        #ffffff;
  --text-dim:    rgba(255,255,255,0.6);
  --text-muted:  rgba(255,255,255,0.35);

  /* ── Bleu accent principal (CleanerApp) ─────────────────── */
  --blue:        #5b8fff;
  --blue-dim:    rgba(26,79,255,0.13);
  --blue-border: rgba(26,79,255,0.27);
  --blue-gradient: linear-gradient(135deg,#1a4fff,#5b8fff);

  /* ── Cyan accent secondaire (Belibitools) ───────────────── */
  --cyan:        #00e8c8;
  --cyan-dim:    rgba(0,232,200,0.09);
  --cyan-border: rgba(0,232,200,0.22);
  --cyan-glow:   rgba(0,232,200,0.3);

  /* ── Brand green (logo uniquement) ──────────────────────── */
  --green-800:  #1a4a2e;

  /* ── Glass nav ─────────────────────────────────────────── */
  --glass-bg:   rgba(4,8,15,0.88);
  --glass-nav-border: #1a2e48;

  /* ── Legacy neutres (admin/blog) ─────────────────────────*/
  --white:      #ffffff;
  --gray-900:   #111111;
  --gray-700:   #333333;
  --gray-600:   #444444;
  --gray-400:   #888888;
  --gray-200:   #e0ece2;
  --gray-100:   #f0f5f1;

  /* ── Typographie ────────────────────────────────────────── */
  --font:       'Sora', -apple-system, sans-serif;
  --fw-light:   300;
  --fw-regular: 400;
  --fw-ui:      450;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-title:   650;
  --fw-bold:    700;
  --fw-extra:   800;

  /* ── Espacements ────────────────────────────────────────── */
  --sp-xs:  4px;
  --sp-sm:  8px;
  --sp-md:  16px;
  --sp-lg:  24px;
  --sp-xl:  48px;
  --sp-2xl: 80px;

  /* ── Rayons ─────────────────────────────────────────────── */
  --radius-sm:  8px;
  --radius-md:  10px;
  --radius-lg:  16px;
  --radius-xl:  18px;
  --radius-2xl: 24px;

  /* ── Conteneur ──────────────────────────────────────────── */
  --container: 1200px;
  --gutter:    48px;
}