/* Habillage du calendrier aux couleurs du site de la mairie (blason : bleu, rouge, or).
   Chargé uniquement par calendar.html, après style.css. Aucune police externe : Poppins
   n'est utilisée que si elle est installée, sinon police système (pas de requête vers Google). */
:root {
  --mairie-bleu: #2b689c;
  --mairie-bleu-clair: #3d9be9;
  --mairie-rouge: #fe6060;
  --mairie-rouge-fonce: #be0505;
  --mairie-or: #c6bd49;
  --series-1: var(--mairie-bleu-clair);
}

body {
  font-family: Poppins, "Segoe UI", system-ui, -apple-system, sans-serif;
}

/* Bandeau d'en-tête bleu, liseré tricolore bleu / rouge / or */
header.app-header {
  background: var(--mairie-bleu);
  border-bottom: 0;
  border-image: linear-gradient(90deg, var(--mairie-bleu-clair) 0 33.3%, var(--mairie-rouge-fonce) 33.3% 66.6%, var(--mairie-or) 66.6% 100%) 1;
  border-bottom: 4px solid;
  color: #fff;
}
header.app-header h1 { color: #fff; font-weight: 600; letter-spacing: 0.2px; }
nav.app-nav a { color: rgba(255, 255, 255, 0.85); }
nav.app-nav a:hover { color: #fff; }
nav.app-nav a.active { color: #fff; border-bottom-color: var(--mairie-rouge); }

/* Filtres et cadre du calendrier */
.filters-row, #calendar-wrap { border-radius: 14px; }
.field input[type="checkbox"] { accent-color: var(--mairie-bleu); }

/* FullCalendar (variables officielles) */
.fc {
  --fc-button-bg-color: var(--mairie-bleu);
  --fc-button-border-color: var(--mairie-bleu);
  --fc-button-hover-bg-color: var(--mairie-bleu-clair);
  --fc-button-hover-border-color: var(--mairie-bleu-clair);
  --fc-button-active-bg-color: var(--mairie-rouge-fonce);
  --fc-button-active-border-color: var(--mairie-rouge-fonce);
  --fc-today-bg-color: rgba(198, 189, 73, 0.18);
  --fc-event-border-color: transparent;
  --fc-list-event-hover-bg-color: rgba(61, 155, 233, 0.12);
  --fc-now-indicator-color: var(--mairie-rouge-fonce);
}
.fc .fc-toolbar-title { color: var(--mairie-bleu); font-weight: 600; text-transform: capitalize; }
.fc .fc-col-header-cell-cushion, .fc .fc-daygrid-day-number { color: var(--text-primary); }
.fc .fc-col-header-cell { background: rgba(43, 104, 156, 0.08); }
.fc .fc-button { border-radius: 8px; text-transform: capitalize; }
.fc .fc-event { border-radius: 6px; }

@media (prefers-color-scheme: dark) {
  :root:where(:not([data-theme="light"])) .fc .fc-toolbar-title { color: var(--mairie-bleu-clair); }
  :root:where(:not([data-theme="light"])) .fc .fc-col-header-cell { background: rgba(61, 155, 233, 0.12); }
}