/* ============================================================================
   IDN Badge Engine — Tokens de design Meritag (v4.24.68)
   SOURCE UNIQUE DE VÉRITÉ. Valeurs extraites du code réel par fréquence
   d'usage (#6366f1 281x, #1a1a2e 249x, #c9a84c 150x, grille de gris Tailwind).
   Changer la marque = changer ce fichier, pas 200 styles inline.

   Préfixe --mt-  (Meritag). Chargé globalement (front + admin) avant toute
   autre feuille du plugin, de sorte que chaque composant peut référencer les
   mêmes variables.
   ========================================================================== */

:root {

  /* ── MARQUE ─────────────────────────────────────────────────────────── */
  --mt-primary:        #6366f1;   /* indigo signature */
  --mt-primary-600:    #4f46e5;
  --mt-primary-300:    #818cf8;   /* accent texte */
  --mt-violet:         #8b5cf6;   /* dégradé bouton */
  --mt-violet-700:     #7c3aed;
  --mt-ink:            #1a1a2e;    /* fond profond des badges */
  --mt-ink-2:          #0d0d2b;
  --mt-gold:           #c9a84c;    /* or — sceau « Vérifié », certificats */
  --mt-gold-light:     #e3c878;
  --mt-gold-deep:      #a8842f;
  --mt-coral:          #e94560;    /* accent ADN */

  /* ── DÉGRADÉS ───────────────────────────────────────────────────────── */
  --mt-grad-brand:     linear-gradient(135deg, #6366f1, #8b5cf6);
  --mt-grad-page:      linear-gradient(135deg, #0d0d2b, #1a103d, #0d1a3b);
  --mt-grad-gold:      linear-gradient(135deg, #e3c878, #c9a84c 55%, #a8842f);
  --mt-grad-ink:       linear-gradient(160deg, #1a1a2e, #0d0d2b);

  /* ── NEUTRES (échelle de gris) ──────────────────────────────────────── */
  --mt-gray-900:       #111827;
  --mt-gray-800:       #1f2937;
  --mt-gray-700:       #374151;
  --mt-gray-500:       #6b7280;
  --mt-gray-400:       #9ca3af;
  --mt-gray-300:       #d1d5db;
  --mt-gray-200:       #e5e7eb;
  --mt-gray-100:       #f3f4f6;
  --mt-gray-50:        #f9fafb;
  --mt-white:          #ffffff;

  /* ── SÉMANTIQUE (statuts) ───────────────────────────────────────────── */
  --mt-success:        #059669;
  --mt-success-deep:   #065f46;
  --mt-success-soft:   #d1fae5;
  --mt-success-bg:     #f0fdf4;
  --mt-danger:         #dc2626;
  --mt-danger-soft:    #fee2e2;
  --mt-warning:        #d97706;
  --mt-warning-alt:    #f59e0b;
  --mt-warning-soft:   #fef9c3;
  --mt-info:           #6366f1;

  /* ── TEXTE ──────────────────────────────────────────────────────────── */
  --mt-text:           #111827;
  --mt-text-soft:      #374151;
  --mt-text-muted:     #6b7280;
  --mt-text-faint:     #9ca3af;
  --mt-text-invert:    #ffffff;

  /* ── SURFACES ───────────────────────────────────────────────────────── */
  --mt-surface:        #ffffff;
  --mt-surface-2:      #f9fafb;
  --mt-surface-3:      #f3f4f6;
  --mt-border:         #e5e7eb;
  --mt-border-strong:  #d1d5db;

  /* ── ESPACEMENTS (base 4px) ─────────────────────────────────────────── */
  --mt-sp-1:  4px;
  --mt-sp-2:  8px;
  --mt-sp-3:  12px;
  --mt-sp-4:  16px;
  --mt-sp-5:  20px;
  --mt-sp-6:  24px;
  --mt-sp-8:  32px;
  --mt-sp-10: 40px;
  --mt-sp-12: 48px;
  --mt-sp-16: 64px;

  /* ── RAYONS ─────────────────────────────────────────────────────────── */
  --mt-r-xs:   6px;
  --mt-r-sm:   8px;
  --mt-r-md:   12px;
  --mt-r-lg:   16px;
  --mt-r-xl:   22px;
  --mt-r-pill: 999px;

  /* ── OMBRES ─────────────────────────────────────────────────────────── */
  --mt-sh-1:    0 1px 2px rgba(17, 24, 39, .06), 0 1px 3px rgba(17, 24, 39, .08);
  --mt-sh-2:    0 4px 12px rgba(17, 24, 39, .08), 0 2px 4px rgba(17, 24, 39, .06);
  --mt-sh-3:    0 18px 40px rgba(17, 24, 39, .16), 0 6px 14px rgba(17, 24, 39, .10);
  --mt-sh-glow: 0 0 0 1px rgba(99, 102, 241, .12), 0 14px 36px rgba(99, 102, 241, .28);
  --mt-sh-gold: 0 4px 14px rgba(201, 168, 76, .34);

  /* ── MOUVEMENT ──────────────────────────────────────────────────────── */
  --mt-dur-fast: 150ms;
  --mt-dur:      240ms;
  --mt-dur-slow: 420ms;
  --mt-ease-out:    cubic-bezier(.22, .61, .36, 1);
  --mt-ease-spring: cubic-bezier(.34, 1.56, .64, 1);

  /* ── TYPOGRAPHIE ────────────────────────────────────────────────────── */
  --mt-font-display: "Space Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;
  --mt-font-body:    system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mt-font-mono:    "Roboto Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* ── Z-INDEX ────────────────────────────────────────────────────────── */
  --mt-z-base:    0;
  --mt-z-raised:  10;
  --mt-z-overlay: 100;
  --mt-z-modal:   1000;
}