/* =========================================================
   Design Tokens — Nexus RP
   Modern Tech / SaaS direction
   ========================================================= */

:root {
  /* ── Surfaces ─────────────────────────────── */
  --bg:           #08080b;
  --bg-elev-1:    #0e0e12;
  --bg-elev-2:    #14141a;
  --bg-elev-3:    #1a1a22;

  /* ── Text (contrastes WCAG AA sur --bg #08080b) ──── */
  --text:         #fafafa;   /* 18.7:1 — AAA */
  --text-2:       #d4d4d8;   /* 14.0:1 — AAA */
  --text-muted:   #a1a1aa;   /* 10.6:1 — AAA */
  --text-dim:     #8b8b95;   /* 7.4:1  — AAA (avant #71717a 6.71:1) */
  --text-faint:   #6e6e78;   /* 4.94:1 — AA  (avant #52525b 4.18:1 ❌) */

  /* ── Borders (subtiles, premium) ──────────── */
  --border:       rgba(255, 255, 255, 0.05);
  --border-2:     rgba(255, 255, 255, 0.09);
  --border-3:     rgba(255, 255, 255, 0.14);

  /* ── Accent primaire (modifiable via admin → Thème) ── */
  --accent:        #8b5cf6;
  --accent-hover:  #7c3aed;
  --accent-soft:   rgba(139, 92, 246, 0.10);
  --accent-line:   rgba(139, 92, 246, 0.28);
  --accent-glow:   rgba(139, 92, 246, 0.18);

  /* ── Accent secondaire ───────────────────── */
  --accent-2:      #c4b5fd;
  --accent-2-soft: rgba(196, 181, 253, 0.15);

  /* ── Semantic ─────────────────────────────── */
  --success: #10b981;
  --warning: #f59e0b;
  --danger:  #ef4444;
  --info:    #3b82f6;

  /* ── Radii ────────────────────────────────── */
  --r-sm:   6px;
  --r-md:   8px;
  --r-lg:   12px;
  --r-xl:   16px;
  --r-2xl:  20px;
  --r-full: 9999px;

  /* ── Shadows (douces, premium) ────────────── */
  --shadow-sm:  0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md:  0 4px 20px rgba(0, 0, 0, 0.4);
  --shadow-lg:  0 20px 60px rgba(0, 0, 0, 0.5);
  --shadow-pop: 0 8px 32px -8px rgba(139, 92, 246, 0.25);

  /* ── Motion (transitions douces, calmes) ───── */
  --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth:  cubic-bezier(0.4, 0, 0.2, 1);
  --d-fast:  150ms;
  --d-base:  240ms;
  --d-slow:  500ms;
  --d-pageintro: 600ms;

  /* ── Layout ───────────────────────────────── */
  --max-w:       1200px;
  --header-h:    56px;
  --space-1:     4px;
  --space-2:     8px;
  --space-3:     12px;
  --space-4:     16px;
  --space-6:     24px;
  --space-8:     32px;
  --space-12:    48px;
  --space-16:    64px;
}