/* Design tokens — source de vérité visuelle de l'application SeeOnSea/SeeOnTrail */
:root {
  /* Couleurs interface principale */
  --background-color: rgba(151, 224, 250, 0.8);
  --border-color: #254893;
  --border: 1px solid #254893;
  --border-radius: 14px;
  --border-radius-bg: 14px;
  --white: white;
  --theme-primary: #5eb4b6;

  /* Boutons dropdown (utilisés dans les menus flottants) */
  --button-background: dodgerblue;
  --button-color: white;
  --dropdown-highlight: dodgerblue;
  --dropdown-width: 320px;
  --dropdown-background: white;
  --dropdown-color: var(--FormCouleurCarac);

  /* Sidebar droite */
  --sidebar-right-width: 52px;
  --sidebar-right-height: 257px;
  --sidebar-right-btn-size: 42px;
  --sidebar-right-gap: 9px;
}