/*
 * Theme de marque Glitz — surcharge les couleurs du template Bitelo.
 * Charte : bleu principal #27AEE4 (R39 G174 B228) et bleu fonce #253D98
 * (R37 G61 B152). Charge APRES style.css (meme precedence, ordre preserve)
 * pour que ces valeurs gagnent la cascade. style.css reste intact/reversible.
 *
 * Strategie :
 *  - Bleu fonce #253D98 = couleur d'interface primaire (boutons, liens, icones
 *    sur fond blanc) : contraste eleve avec le texte blanc.
 *  - Bleu vif  #27AEE4 = accent/highlight (degrades, etats actifs, secondaire).
 *    Le template referencait deja --accent-color-2 / --accent-color-3 sans les
 *    definir : on les branche sur le bleu vif.
 *
 * NOTE : la navbar de la home refondue est en styles gh-nav (app/home.css),
 * integree au hero ; les anciennes regles .bg-header/#header ont ete retirees.
 */

:root {
  --accent-color: #253d98; /* Glitz main dark blue — UI primaire */
  --accent-hover: #1c2e76; /* survol plus fonce, contraste conserve */
  --accent-color-2: #27aee4; /* Glitz main bright blue — highlight */
  --accent-color-3: #27aee4; /* accent vif pour petits elements */
}

/* Glow decoratif : coeur en bleu vif de marque (etait #217dd3). */
.circle-gradient {
  background: radial-gradient(
    circle,
    #27aee4 0%,
    #7cc9ee 20%,
    #dfeaf5 40%,
    #ecf2f8 60%,
    #fafafa 80%
  ) !important;
}

/* Bordure degradee de marque (etait magenta -> bleu). */
.card-accent {
  border-image: linear-gradient(to left, #27aee4, #253d98) 1 !important;
}