:root {
  /* Palette Calcero */
  --calcero-deep-blue: #225B7C;    /* Stabilité, structure, texte foncé, navbar */
  --calcero-teal:      #38A7A6;    /* Accent secondaire, sous-titres, bordures */
  --calcero-mint:      #59CD97;    /* Boutons d'action (CTA), badges */
  --calcero-light-mint:#83EE99;    /* Hover d'action, highlights */
  --calcero-soft-tint: #CBFACF;    /* Arrière-plans doux, sections claires */

  /* Variables d'application */
  --calcero-bg-dark:    var(--calcero-deep-blue);
  --calcero-bg-light:   #F8FAF9;
  --calcero-text-main:  #162834;
}

/* Classes utilitaires personnalisées */
.bg-calcero-primary { background-color: var(--calcero-deep-blue) !important; }
.bg-calcero-soft    { background-color: var(--calcero-soft-tint) !important; }
.text-calcero-blue  { color: var(--calcero-deep-blue) !important; }
.text-calcero-teal  { color: var(--calcero-teal) !important; }

/* Bouton principal personnalisé */
.btn-calcero {
  background-color: var(--calcero-mint);
  color: #0c3322;
  font-weight: 600;
  border: none;
  transition: background-color 0.2s ease, transform 0.1s ease;
}
.btn-calcero:hover {
  background-color: var(--calcero-light-mint);
  color: #0c3322;
}