/* Les couleurs de Noël, par-dessus pages.css.
   Le fond passe du violet au vert sapin ; les ors et les rouges viennent de la
   couverture du Calendrier de l'Avent de Pépin.
   À charger APRÈS pages.css, sur toutes les pages du thème Noël. */

:root{
  --sapin:#10281D;        /* le fond, vert sapin très sombre */
  --sapin-haut:#17362A;   /* les blocs et encarts posés dessus */
  --sapin-clair:#BFD6C6;  /* le texte secondaire, légèrement verdi */
}

html, body{background-color:var(--sapin)}
body{color:var(--parchment)}

.backdrop{
  background-color:var(--sapin);
  background-image:
    radial-gradient(120% 60% at 50% -10%, rgba(227,176,75,.20), transparent 62%),
    radial-gradient(80% 50% at 100% 100%, rgba(142,35,43,.26), transparent 72%);
}

/* L'or remplace la flamme de bougie partout où elle servait d'accent. */
.eyebrow, h1 em, h2, h3, .encart-tag, .sig-mark, .theme .sur, .theme .aller{color:var(--noel-or)}
.contenu li::before{background:var(--noel-or)}
.contenu li em{color:var(--noel-or)}
.accroche, .legende, .fiche li, .bientot, .encart p, .bloc p, .sig-line{color:var(--sapin-clair)}

.fiche li.prix{background:var(--noel-or); border-color:var(--noel-or); color:#2A1D08}
.btn{background:var(--noel-or); color:#2A1D08}
.btn.ghost{background:transparent; color:var(--parchment); border-color:rgba(227,176,75,.5)}
.btn.ghost:hover{border-color:var(--noel-or); color:var(--noel-or); filter:none}

.couv{border-color:rgba(227,176,75,.35)}
.encart{border-color:rgba(227,176,75,.45); background:rgba(227,176,75,.06)}
.bloc{background:var(--sapin-haut)}

.sep span{background:linear-gradient(90deg, transparent, rgba(227,176,75,.45) 20%, rgba(227,176,75,.45) 80%, transparent)}
.sep i{background:var(--noel-or)}

.pied a{color:var(--sapin-clair)}
.pied a:hover, .retour:hover{color:var(--noel-or)}
.retour{color:var(--sapin-clair)}

/* Le poids d'un fichier à télécharger, sous son bouton. */
.poids{
  margin:10px 0 0; font-family:var(--util); font-size:11px; letter-spacing:.08em;
  text-transform:uppercase; color:var(--sapin-clair);
}

/* Le bloc de l'Almanach de Noël, encore à paraître. */
.a-paraitre .etiquette{
  display:inline-block; margin:0 0 12px; font-family:var(--util); font-size:10px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--sapin-clair);
  border:1px solid var(--line); border-radius:999px; padding:5px 11px;
}
.sommaire-noel{
  margin:16px 0 0; padding:0; list-style:none; display:grid; gap:7px 18px; grid-template-columns:1fr;
}
@media (min-width:620px){ .sommaire-noel{grid-template-columns:1fr 1fr} }
.sommaire-noel li{
  font-size:14px; color:var(--sapin-clair); padding:7px 0; border-bottom:1px solid var(--line);
}
.sommaire-noel li span{
  font-family:var(--util); font-size:10px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--noel-or); margin-right:9px;
}

/* la barre prend l'or de Noël sur les pages du thème */
.menu a:hover, .menu a:focus-visible{border-color:var(--noel-or)}
.menu a[aria-current="page"]{background:var(--noel-or); border-color:var(--noel-or); color:#20160A}

/* la lettre prend le vert et l'or de Noël sur les pages du thème */
.lettre{background:var(--sapin-haut)}
.lettre input[type=text], .lettre input[type=email]{background:rgba(239,227,204,.06)}
.lettre .tag{color:var(--noel-or)}
.lettre input[type=text]:focus, .lettre input[type=email]:focus{border-color:var(--noel-or)}
.lettre .accord input{accent-color:var(--noel-or)}
.lettre button{background:var(--noel-or); border-color:var(--noel-or); color:#20160A}