/**
 * design_tokens.css — Source de vérité CSS AstroScan
 * Variables globales. NE PAS redéfinir ces valeurs dans les templates inline.
 * Inclure AVANT fixes.css et tout autre CSS.
 */

:root {
  /* ── Couleurs de fond ─────────────────────────────────────────── */
  --color-bg:         #050a14;
  --color-bg-card:    rgba(0, 10, 30, 0.85);
  --color-bg-overlay: rgba(0, 5, 20, 0.6);

  /* ── Couleurs d'accentuation ──────────────────────────────────── */
  --color-accent:     #00d4ff;
  --color-green:      #00ff88;
  --color-gold:       #f5c518;
  --color-red:        #ff4444;
  --color-orange:     #ff8c00;

  /* ── Texte ────────────────────────────────────────────────────── */
  --color-text:       #e0e8ff;
  --color-text-dim:   rgba(224, 232, 255, 0.6);
  --color-text-faint: rgba(224, 232, 255, 0.35);

  /* ── Bordures ─────────────────────────────────────────────────── */
  --color-border:        rgba(0, 212, 255, 0.15);
  --color-border-hover:  rgba(0, 212, 255, 0.35);
  --color-border-green:  rgba(0, 255, 136, 0.2);

  /* ── Spacing (multiple de 8) ──────────────────────────────────── */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  40px;
  --space-2xl: 64px;

  /* ── Typography ───────────────────────────────────────────────── */
  --font-display: 'Orbitron', monospace;
  --font-mono:    'Space Mono', monospace;
  --font-body:    'Inter', -apple-system, sans-serif;

  --text-xs:   0.65rem;
  --text-sm:   0.75rem;
  --text-base: 0.875rem;
  --text-lg:   1rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;

  /* ── Border radius ────────────────────────────────────────────── */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  /* ── Glow / ombre ─────────────────────────────────────────────── */
  --glow-accent: 0 0 20px rgba(0, 212, 255, 0.3);
  --glow-green:  0 0 20px rgba(0, 255, 136, 0.3);
  --glow-gold:   0 0 20px rgba(245, 197, 24, 0.3);
  --glow-red:    0 0 20px rgba(255, 68, 68, 0.3);

  /* ── Z-index ──────────────────────────────────────────────────── */
  --z-base:    1;
  --z-card:    10;
  --z-overlay: 50;
  --z-sidebar: 100;
  --z-modal:   1000;
  --z-toast:   99999;

  /* ── Transitions ──────────────────────────────────────────────── */
  --transition-fast:   150ms ease;
  --transition-normal: 300ms ease;
  --transition-slow:   500ms ease;

  /* ── Layout ───────────────────────────────────────────────────── */
  --sidebar-width: 220px;
  --header-height: 48px;
  --content-max:   1300px;
}

/* === A11y — Focus visible global (PASS Kaizen Day 1, 2026-05-09) === */
:focus-visible {
  outline: 2px solid var(--color-accent, #00d4ff);
  outline-offset: 2px;
  border-radius: 2px;
}
:focus:not(:focus-visible) {
  outline: none;
}

/* === A11y — Respect mouvement réduit (PASS Kaizen Day 1, 2026-05-09) === */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}