:root {
  /* ── Palette sombre luxueuse ── */
  --bg:           #0a0a0f;
  --bg-card:      rgba(18, 18, 24, 0.92);
  --bg-card-alt:  rgba(24, 24, 32, 0.88);
  --bg-input:     rgba(10, 10, 14, 0.6);
  --bg-overlay:   rgba(0, 0, 0, 0.65);

  /* ── Couleurs ── */
  --accent:       #d4a647;
  --accent-glow:  rgba(212, 166, 71, 0.15);
  --accent-border:rgba(212, 166, 71, 0.45);
  --success:      #5ce09b;
  --success-glow: rgba(92, 224, 155, 0.12);
  --danger:       #f06565;
  --danger-glow:  rgba(240, 101, 101, 0.12);
  --info:         #60a5fa;
  --info-glow:    rgba(96, 165, 250, 0.12);
  --warning:      #f0c040;

  /* ── Texte ── */
  --text:         #f4f4f6;
  --text-secondary:#c8c8d2;
  --muted:        #8a8a9a;

  /* ── Bordures ── */
  --border:       rgba(255, 255, 255, 0.07);
  --border-light: rgba(255, 255, 255, 0.12);

  /* ── Ombres ── */
  --shadow-sm:    0 2px 8px rgba(0, 0, 0, 0.2);
  --shadow-md:    0 8px 24px rgba(0, 0, 0, 0.3);
  --shadow-lg:    0 16px 48px rgba(0, 0, 0, 0.4);
  --shadow-glow:  0 0 20px rgba(212, 166, 71, 0.08);

  /* ── Rayons ── */
  --radius-sm:    8px;
  --radius-md:    12px;
  --radius-lg:    16px;
  --radius-xl:    20px;
  --radius-pill:  999px;

  /* ── Espacement ── */
  --gap-xs:  4px;
  --gap-sm:  8px;
  --gap-md:  12px;
  --gap-lg:  16px;
  --gap-xl:  24px;

  /* ── Typo ── */
  --font-family:  'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
  --font-sm:      0.8125rem;   /* 13px */
  --font-base:    0.875rem;    /* 14px */
  --font-lg:      1rem;        /* 16px */
  --font-xl:      1.25rem;     /* 20px */
  --font-2xl:     1.75rem;     /* 28px */
  --font-3xl:     2.5rem;      /* 40px */

  /* ── Transitions ── */
  --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
  --duration:     0.2s;
}