/* =============================================================================
   CONFIG, couleurs et typographies du client
   -----------------------------------------------------------------------------
   Même rôle et même format que le config.css du Premium Minisite Template.
   C'est le premier fichier à modifier pour rebrander le minisite.

   ⚠ LA CHARTE DU FIL CHANGE À CHAQUE ÉDITION. Ce fichier est donc à reprendre
     une fois par an, à la sortie du visuel. C'est la seule chose à faire pour
     suivre : aucune autre feuille de style ne contient de couleur.

   Édition en cours : 56e Festival Interceltique de Lorient
                      30 juillet – 8 août 2027 · « Les femmes des pays celtes »
   Relevé le 11/11/2026 sur festival-interceltique.bzh (visuel officiel 2027).
   ============================================================================= */

:root {
  /* --- palette Weez (convention du template) ------------------------------
     Relevées sur le visuel 2027 : fond clair, framboise dominante, or du
     logo, vert sauge du bandeau de thème, brun prune pour le texte.         */
  --color-1 : #ffffff;   /* fonds clairs, texte sur aplat coloré             */
  --color-2 : #a62e55;   /* FRAMBOISE, pastilles de date, aplats, titres    */
  --color-3 : #e9a83a;   /* OR du logo, trait d'accent, survol, filets      */

  --btn-primary-bg   : #a62e55;   /* framboise : contraste suffisant en blanc */
  --btn-primary-text : #ffffff;

  --h1-xs: 26px;
  --h1: 42px;
  --h2-xs: 22px;
  --h2: 30px;
  --h3-xs: 19px;
  --h3: 23px;
  --h4-xs: 16px;
  --h4: 16px;

  /* --- variables propres au module billetterie ---------------------------- */
  --bt-dark      : #3a2328;   /* brun prune : pied de page                   */
  --bt-secondary : #6e9a5e;   /* VERT SAUGE, badges, focus, liens secondaires*/
  --bt-ink       : #2b1d1d;   /* brun très foncé : texte courant             */
  --bt-muted     : #6b5c5c;   /* 6,3:1 sur blanc (AA) ; #8a7a7a était à 4,1:1 */
  --bt-line      : #e9e0dc;
  --bt-surface   : #fbf5f2;   /* crème : barres de filtres, encadrés         */
  --bt-radius    : 5px;
  /* Hauteur du logo en en-tête. Valeurs relevées le 11/11/2026 sur
     festival-interceltique.bzh, pour que le minisite ait exactement la même
     présence que le site du festival :
       · grand écran  → en-tête 104 px, logo 73 px (70 % de l'en-tête)
       · mobile       → en-tête  68 px, logo 37 px (54 % de l'en-tête)
     La hauteur de l'en-tête suit automatiquement celle du logo. */
  /* Remonte le widget pour rogner son rembourrage haut, que Weezevent applique
     par défaut et qu'on ne peut pas retirer depuis la page (iframe d'un autre
     domaine). À laisser à 0 : la bande d'introduction est blanche comme le
     widget, l'espace se lit alors comme une respiration et non comme un
     raccord raté.
     À n'utiliser que si un rendu vraiment serré est exigé. Mesurer d'abord le
     rembourrage par un clic droit DANS le widget puis « Inspecter », et ne
     jamais dépasser la valeur relevée : au-delà, le haut du widget est coupé.
     Valeur à réajuster à chaque évolution du gabarit Weezevent. */
  --bt-widget-offset : 0px;

  --bt-logo-height        : 73px;
  --bt-logo-height-mobile : 37px;

  /* --- couverture ---------------------------------------------------------
     L'édition 2027 est une identité CLAIRE : le bandeau de couverture est
     donc sur fond crème, pas sur aplat sombre. Pour revenir à une couverture
     sombre, passer --bt-cover-bg à var(--color-2) et --bt-cover-ink à
     var(--color-1).                                                         */
  --bt-cover-bg   : #fdf7f4;          /* fond du bandeau                     */
  --bt-cover-ink  : var(--bt-ink);    /* couleur du titre                    */
  --bt-cover-wave : #a62e55;          /* trait du motif de vagues            */
  --bt-cover-wave-opacity : .16;

  /* Opacité du voile posé sur l'image de couverture, si page.heroImage
     est renseigné dans static/js/config.js (0 → 1). */
  --bt-cover-veil : .35;

  /* --- typographies -------------------------------------------------------
     Le site du FIL compose son texte courant en Open Sans. Le logotype et les
     visuels d'édition utilisent un serif à empattements marqués, dont la
     fonte exacte n'est pas publique.

     ⚠ Playfair Display est une APPROXIMATION du serif du visuel 2027, pas la
       police officielle. Demander le fichier au FIL ou à son agence
       (Lagenceopensource) avant mise en production, le déposer dans
       static/fonts/ sous le nom title-font.*, puis passer site.fontUrl à
       null dans static/js/config.js.

     Les noms TypoTitle / TypoMain sont attendus par la feuille compilée dans
     dist/ : ne pas les renommer.                                            */
    --bt-font-title : "Playfair Display", TypoTitle, Georgia, "Times New Roman", serif;
  --bt-font-main  : "Open Sans", TypoMain, -apple-system, Helvetica, Arial, sans-serif;
}
  --bt-font-main  : "Open Sans", TypoMain, -apple-system, Helvetica, Arial, sans-serif;
}


/* =============================================================================
   POLICES
   -----------------------------------------------------------------------------
   Fichiers de repli livrés avec le Premium Minisite Template. Tant que le
   client n'a pas fourni les siens, ce sont les polices chargées par
   site.fontUrl qui s'appliquent, via les variables --bt-font-* ci-dessus.
   ============================================================================= */

@font-face {
	font-family: TypoMain;
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url(../fonts/main-font.woff2) format("woff2"), url(../fonts/main-font.woff) format("woff");
}

@font-face {
	font-family: TypoTitle;
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url(../fonts/title-font.woff2) format("woff2"), url(../fonts/title-font.woff) format("woff");
}