/*
 * Rayons de bordure de Delyssa : un rôle, une variable.
 * Doux et premium, sans arrondi enfantin. Chargé par le site public (app.js) et par le Studio (gabarit studio).
 */
:root {
  --rayon-petit: 8px;       /* badges, étiquettes, vignettes, éléments compacts */
  --rayon-champ: 12px;      /* champs de saisie, listes déroulantes, zones de texte */
  --rayon-image: 14px;      /* images, cartes Maps, aperçus */
  --rayon-carte: 20px;      /* cartes, panneaux, blocs d'information */
  --rayon-section: 28px;    /* grands écrins : avis, cadres de connexion, fenêtres */
  --rayon-pilule: 999px;    /* boutons et pastilles */
}