:root {
  --base-color: #FF775C;
  --accent-color: #00a8fc;
  --accent-hover: #00a8fcbf; /* rgba version with transparency */
  --accent-light-bg: #00a8fc21; /* very light background (transparency) */
  --accent-light-badge: #00a8fc33; /* light badge background */
}

/* Boutons avec la couleur de base au hover */
.btn--base:hover,
.cookies-btn:hover {
  background-color: var(--accent-hover);
}

/* Liens au hover */
a:hover {
  color: var(--accent-hover);
}

/* Icône dans la carte de cookies */
.cookies-card__icon {
  background-color: var(--accent-light-bg);
}

/* Badge principal */
.badge--primary {
  background-color: var(--accent-light-badge);
}