/*
 * festival.diff.css
 * Différences spécifiques à festival.css par rapport à common.css.
 * À inclure APRÈS common.css dans les pages du site festival.
 */

/*--------------------------------------------------------------
# Variables — couleurs propres au site festival
--------------------------------------------------------------*/
:root {
  --default-color: #444444;
  --heading-color: #37423b;
  --accent-color: #0e6bae;           /* Bleu — très différent des autres sites */
  --surface-color: #ffffff;
  --nav-hover-color: #0e6bae;
  --nav-dropdown-hover-color: #0e6bae;
}

/* Preset light : fond gris clair au lieu de bordeaux */
.light-background {
  --background-color: #f9f9f9;       /* commun : #6b0000 */
  --surface-color: #ffffff;
}

/* Preset dark : fond quasi-noir (#060606) au lieu de #000000 */
.dark-background {
  --background-color: #060606;
}

/*--------------------------------------------------------------
# Footer — couleurs différentes
# commun  : color = --contrast-color, logo span = --contrast-color
# festival: color = --default-color,  logo span = --heading-color
#           social border/color utilise --default-color au lieu de --contrast-color
--------------------------------------------------------------*/
.footer {
  color: var(--default-color);       /* commun : var(--contrast-color) */
}

.footer .footer-about .logo span {
  color: var(--heading-color);       /* commun : var(--contrast-color) */
}

.footer .social-links a {
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 50%);  /* commun : --contrast-color */
  color: color-mix(in srgb, var(--default-color), transparent 30%);             /* commun : --contrast-color */
}

.footer .footer-links ul a {
  color: color-mix(in srgb, var(--default-color), transparent 30%);  /* commun : --contrast-color */
}

/*--------------------------------------------------------------
# Hero — overlay transparent 60% (identique à fight.css)
# Pas de background-color explicite (hérite du blanc par défaut)
# hero p : font-weight absent (pas de 700 comme dans common)
# hero .btn-get-started : color = --contrast-color au lieu de --default-color
--------------------------------------------------------------*/
.hero:before {
  background: color-mix(in srgb, var(--background-color), transparent 60%);
}

.hero p {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  font-weight: normal;               /* commun : 700 */
}

.hero .btn-get-started {
  color: var(--contrast-color);      /* commun : var(--default-color) */
}

/*--------------------------------------------------------------
# Bouton .btn-programme — exclusif à festival.css
--------------------------------------------------------------*/
.btn-programme {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 35px 10px 35px;
  border-radius: 50px;
  transition: 0.4s;
  margin-top: 15px;
  margin-bottom: 15px;
  border: 2px solid var(--default-color);
  color: var(--contrast-color);
  background: var(--accent-color);
}

.btn-programme:hover {
  background: var(--default-color);
  border: 2px solid var(--accent-color);
  color: var(--accent-color);
}