@import 'variables.css';

body {
  margin: 0;
  font-family: var(--font-primary);
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
}

a {
  color: inherit;
}

* {
    transition: all 0.2s ease;
}

/* ---------- AOS (Animate On Scroll) ---------- */
/* Distance réduite par rapport aux 100px par défaut d'AOS — effet plus discret,
   et évite tout débordement horizontal sur mobile pour les éléments proches du bord. */
[data-aos="fade-left"] {
    transform: translate3d(40px, 0, 0);
}

[data-aos="fade-right"] {
    transform: translate3d(-40px, 0, 0);
}

/* Filet de sécurité : si prefers-reduced-motion est actif, le contenu reste visible
   immédiatement (pas d'attente d'un scroll), même si aos-init.js ne se charge pas. */
@media (prefers-reduced-motion: reduce) {
    [data-aos] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
    }
}