:root {
      --brand: #7C3AED;         /* Violet principal (exigé) */
      --brand-600: #6D28D9;     /* Variante foncée */
      --bg: #FFFFFF;            /* Fond clair */
      --bg-elev: #F9FAFB;       /* Surface */
      --text: #0F172A;          /* Texte principal */
      --muted: #475569;         /* Texte secondaire */
      --ring: rgba(124,58,237,.35);
    }
    .dark {
      --bg: #0B1020;
      --bg-elev: #11162A;
      --text: #E5E7EB;
      --muted: #A5B4FC;
      --ring: rgba(124,58,237,.55);
    }

    /* Focus clair pour accessibilité (visible au clavier) */
    :where(a, button, input, select, textarea, summary):focus-visible {
      outline: 3px solid var(--brand);
      outline-offset: 2px;
    }

    /* Respecter la préférence utilisateur pour réduire les animations */
    @media (prefers-reduced-motion: no-preference) {
      .fade-in {
        animation: fade .6s ease-out both;
      }
      @keyframes fade { from { opacity: 0; transform: translateY(6px) } to { opacity: 1; transform: translateY(0) } }
    }