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

/*--------------------------------------------------------------
# Variables — couleurs propres au site bringue
--------------------------------------------------------------*/
:root {
  --background-color: #ef88b7;       /* Rose vif — unique à ce site */
  --default-color: #444444;
  --heading-color: #37423b;
  --accent-color: #ed5c22;           /* Orange — unique à ce site */
  --surface-color: #ffffff;
  --nav-hover-color: #a20505;
  --nav-dropdown-hover-color: #5fcf80;
}

/* Preset light : blanc pur au lieu de bordeaux */
.light-background {
  --background-color: #ffffff;       /* commun : #6b0000 */
  --surface-color: #ffffff;
}

/* Preset dark : --default-color devient bordeaux #710606 au lieu de #ffffff */
.dark-background {
  --background-color: #060606;
  --default-color: #710606;          /* commun : #ffffff */
  --heading-color: #ffffff;
  --surface-color: #252525;
  --contrast-color: #ffffff;
}

/*--------------------------------------------------------------
# .figure-caption — absent de bringue.css
# (présente dans common.css, ne pas la redéclarer)
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Footer — même logique que festival.css (--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%);
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}

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

/*--------------------------------------------------------------
# Sections — background-color utilise var(--light-background) au lieu de var(--background-color)
# NOTE : --light-background n'est pas une variable CSS valide dans ce template
#        (la classe est .light-background). Il s'agit probablement d'un bug dans
#        bringue.css, mais on le reproduit fidèlement ici.
--------------------------------------------------------------*/
section,
.section {
  background-color: var(--light-background); /* commun : var(--background-color) */
}

/*--------------------------------------------------------------
# Hero — background-color fixe #6b0000, overlay transparent 60%
--------------------------------------------------------------*/
.hero {
  background-color: #6b0000;         /* commun : var(--background-color) */
}

.hero:before {
  background: color-mix(in srgb, var(--background-color), transparent 60%);
}

.hero p {
  font-weight: normal;               /* commun : 700 */
}

/*--------------------------------------------------------------
# Events — card background utilise var(--light-background) au lieu de var(--background-color)
# Même remarque que pour section : probablement un bug, reproduit fidèlement.
--------------------------------------------------------------*/
.events .card {
  background-color: var(--light-background); /* commun : var(--background-color) */
}