/* Direkol — design tokens partagés
   Fichier GÉNÉRÉ par scripts/build-brand-tokens.mjs — ne pas éditer.
   Source : brand/tokens.json */
:root {
  --v: #7B5BF0;       /* violet principal */
  --vd: #6A4AE0;      /* violet foncé (hover) */
  --vl: #A98BF7;      /* violet clair */
  --v-soft: #f3efff;  /* violet très clair (fond) */
  --navy: #1A0F3D;    /* navy de marque */
  --yellow: #FFD23F;  /* accent jaune */
  --pink: #FF6FA0;    /* accent rose */
  --brown: #3a2a18;   /* brun (illustrations) */
  --g: #1f2937;       /* gris texte principal */
  --g2: #6b7280;      /* gris texte secondaire */
  --g3: #71767f;      /* gris texte tertiaire — 4,6:1 sur blanc (AA petit texte) */
  --bg: #ffffff;      /* fond page */
  --bg-soft: #fafafa; /* fond section alt */
  --card: #ffffff;    /* fond carte */
  --brd: #e5e7eb;     /* bordure */
  --rad: 14px;        /* radius standard */
  --rad-sm: 10px;     /* radius petit */
  --rad-lg: 20px;     /* radius grand */
  --sh: 0 4px 14px rgba(123,91,240,.10);
  --sh-lg: 0 12px 40px rgba(123,91,240,.18);
  --fd: 'Inter Tight', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}

/* Focus visible global — accessibilité clavier */
*:focus { outline: none; }
*:focus-visible {
  outline: 2px solid var(--v);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Prefers-reduced-motion : couvre toutes les animations */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}