Rayons & Ombres

Les arrondis et les élévations créent de l'esthétique premium et indiquent clairement le relief interactif (effets de survol).

Rayons (Radii)

Petit (6px) : --ml-radius-s

Moyen (10px) : --ml-radius-m

Grand (12px) : --ml-radius-l

Ombres (Elevations)

Repos (Shadow 1) : --ml-shadow-1

Survol (Shadow 2) : --ml-shadow-2

Exemple d'intégration

CSS

.ma-carte {
  border-radius: var(--ml-radius-l);
  box-shadow: var(--ml-shadow-1);
  transition: box-shadow 0.2s ease;
}
.ma-carte:hover {
  box-shadow: var(--ml-shadow-2);
}