@use '../base/variables' as *;

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

// Fondu classique lors du changement de theme (clair/sombre)
*,
*::before,
*::after {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, fill 0.3s ease, stroke 0.3s ease;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        transition: none;
    }
}

body {
    font-family: $font-family-sans;
    line-height: $line-height-base;
    color: $color-dark;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: $color-primary;
    text-decoration: none;
}