/* achetergta6.fr design tokens : source de vérité
 * Hébergé comme asset htmlpub, linké via <link> sur chaque page.
 * Toute modif palette/typo/motion passe par ce fichier puis re-upload.
 * Dernière maj : 2026-05-15 (v1.0.1, test propagation)
 */

:root {
  /* ========== PALETTE MIAMI VICE CITY ========== */
  --mg-magenta:         #FF2E93;
  --mg-magenta-2:       #FF6BB1;
  --mg-magenta-deep:    #C71A6C;

  --mg-sunset:          #FF6B35;
  --mg-sunset-light:    #FFB347;
  --mg-sunset-deep:     #D94A1F;

  --mg-teal:            #1DD1A1;
  --mg-teal-light:      #5EE3BF;
  --mg-teal-deep:       #0FA17A;

  /* ========== NEUTRES NUIT ========== */
  --mg-night:           #07050F;
  --mg-night-2:         #11091C;
  --mg-night-3:         #1A1028;

  /* ========== ENCRE BLANCHE ========== */
  --mg-ink:             #FFFFFF;
  --mg-ink-92:          rgba(255,255,255,0.92);
  --mg-ink-72:          rgba(255,255,255,0.72);
  --mg-ink-48:          rgba(255,255,255,0.48);
  --mg-ink-24:          rgba(255,255,255,0.24);

  /* ========== TYPO ========== */
  --mg-font-display:    'Migra', 'Druk', 'Bebas Neue Condensed', Impact, sans-serif;
  --mg-font-body:       'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mg-font-mono:       'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;

  /* ========== EASINGS ========== */
  --mg-ease-out-expo:   cubic-bezier(0.16, 1, 0.3, 1);
  --mg-ease-in-out:     cubic-bezier(0.45, 0, 0.55, 1);
  --mg-ease-out:        cubic-bezier(0.33, 1, 0.68, 1);
  --mg-ease-in:         cubic-bezier(0.32, 0, 0.67, 0);

  /* ========== DURÉES MOTION ========== */
  --mg-dur-instant:     120ms;
  --mg-dur-fast:        200ms;
  --mg-dur-med:         600ms;
  --mg-dur-slow:        900ms;
  --mg-dur-drift:       24s;
  --mg-dur-halo-a:      28s;
  --mg-dur-halo-b:      32s;
  --mg-dur-halo-c:      36s;
  --mg-dur-scanline:    12s;
  --mg-dur-breathe:     3.2s;
  --mg-dur-pulse:       1.8s;

  /* ========== SPACING 8pt ========== */
  --mg-s-1:             4px;
  --mg-s-2:             8px;
  --mg-s-3:             12px;
  --mg-s-4:             16px;
  --mg-s-5:             24px;
  --mg-s-6:             32px;
  --mg-s-7:             40px;
  --mg-s-8:             48px;
  --mg-s-10:            64px;
  --mg-s-12:            96px;
  --mg-s-16:            128px;

  /* ========== RADIUS ========== */
  --mg-r-sm:            4px;
  --mg-r-md:            8px;
  --mg-r-lg:            16px;
  --mg-r-pill:          999px;

  /* ========== Z-INDEX ========== */
  --mg-z-bg:            0;
  --mg-z-content:       10;
  --mg-z-overlay:       20;
  --mg-z-nav:           50;
  --mg-z-modal:         100;
  --mg-z-toast:         200;

  /* ========== SHADOWS NÉON ========== */
  --mg-glow-magenta:    0 0 24px rgba(255,46,147,0.35);
  --mg-glow-magenta-soft: 0 0 36px rgba(255,46,147,0.25);
  --mg-glow-sunset:     0 0 24px rgba(255,107,53,0.35);
  --mg-glow-teal:       0 0 24px rgba(29,209,161,0.35);

  /* ========== SAFE TOKEN PROBE ========== */
  --mg-tokens-loaded:   "v1.0.1-2026-05-15-propagation-test";
}

/* Probe visuel : si tokens.css se charge, le pseudo-élément suivant existe.
 * Inspectable via DevTools : getComputedStyle(document.documentElement).getPropertyValue('--mg-tokens-loaded')
 * Doit retourner '"v1-2026-05-15"'.
 */