/* Thème « Noël » : le même calendrier, d'abord Noël, avec une touche d'amour.
   Papier crème de carte de vœux, rouge de Noël, vert sapin, filets dorés ; la bordure par avion devient
   un sucre d'orge rouge et vert ; boules et étoiles remplacent les cœurs, sauf là où ils parlent du couple
   (les deux cœurs de la route, les mots glissés, « en même temps »). Voir docs/13-design-system.md.
   Activé par data-theme="noel" sur <html> (public/theme.js). */
[data-theme="noel"]{
  --fond:#F4ECDD; --fond-rgb:244 236 221;
  --surface:#FFFCF4; --surface-rgb:255 252 244;
  --surface-timbre:#ECE1CA; --papier-mot:#FFF8EA; --rabat-haut:#E6D6B8; --rabat-bas:#F3E9D5; --livret-pile:#E2D3B6;
  --accent:#B3202D; --accent-rgb:179 32 45; --accent-fonce:#86141F;
  --accent-clair:#C9A55A; --accent-clair-rgb:201 165 90; --accent-pale:#E3ECE5;
  --sapin:#1C6140; --sapin-rgb:28 97 64; --or:#B88A2E;
  --encre:#2B2620; --encre-rgb:43 38 32; --encre-2:#4D443A; --brume:#6A5F50; --filet:#E0D3BA;
  --cire-clair:#D24B45; --cire:#B3202D; --cire-fonce:#7A111B;
  --boule-rouge-clair:#E0535B; --boule-rouge:var(--accent); --boule-rouge-fonce:#6A0D16;
  --boule-vert-clair:#3E9C6D; --boule-vert:var(--sapin); --boule-vert-fonce:#0B3321;
  --boule-or-clair:#F3DC9C; --boule-or:#CFA44A; --boule-or-fonce:#8A6420;
  --guirlande-1:var(--accent); --guirlande-2:#D9B45E; --guirlande-3:var(--sapin);
  --neige:255 255 255; --neige-contour:201 165 90;
  --par-avion:repeating-linear-gradient(-45deg,var(--accent) 0 9px,var(--surface) 9px 15px,var(--sapin) 15px 24px,var(--surface) 24px 30px);
}

/* Titres de rubrique en vert sapin : le rouge reste pour ce qui se touche (boutons, enveloppes à ouvrir). */
[data-theme="noel"] .sec h2,
[data-theme="noel"] .cal-head > .sc,
[data-theme="noel"] .hero .sc,
[data-theme="noel"] .sec-kicker{color:var(--sapin)}

/* Guirlande : fil doré, boules qui se balancent */
[data-theme="noel"] .garland .wire{stroke:var(--or);stroke-opacity:.8}
[data-theme="noel"] .garland line{stroke:var(--or);stroke-opacity:.7}

/* Timbres : les jours à venir sont des timbres sapin au chiffre doré */
[data-theme="noel"] .s-locked .st-in{background:var(--sapin)}
[data-theme="noel"] .s-locked b{color:#E9CF8C}
[data-theme="noel"] .s-locked small{color:#E6DFCD}
[data-theme="noel"] .s-locked .sprig{stroke:#E9CF8C}
[data-theme="noel"] .s-ready .st-in > svg,
[data-theme="noel"] .s-today .st-in > svg{fill:#F3D98F}
[data-theme="noel"] .s-today .st-in{box-shadow:inset 0 0 0 3px var(--or)}
[data-theme="noel"] .s-opened .st-in{box-shadow:inset 0 0 0 1px var(--accent-clair)}
[data-theme="noel"] .s-opened b{color:var(--sapin)}

/* Tampon de la poste doré */
[data-theme="noel"] .pm{stroke:var(--or)}
[data-theme="noel"] .pm text,[data-theme="noel"] .pm .pm-h{fill:var(--or)}
[data-theme="noel"] .pm-big{stroke:var(--accent)}
[data-theme="noel"] .pm-big text,[data-theme="noel"] .pm-big .pm-h{fill:var(--accent)}

/* Étapes des questions : étoiles */
[data-theme="noel"] .wrap .steps svg{stroke:var(--or)}
[data-theme="noel"] .wrap .steps svg.done{fill:var(--or);stroke:var(--or)}
[data-theme="noel"] .wrap .steps svg.cur{stroke:var(--accent)}

/* La route entre les deux villes : pointillés dorés, les deux cœurs restent rouges (la touche d'amour) */
[data-theme="noel"] .route .base{stroke:var(--or)}
[data-theme="noel"] .route .done{stroke:var(--sapin)}
[data-theme="noel"] .route .dot-a,[data-theme="noel"] .route .dot-b{fill:var(--sapin)}

/* Page de vente : les numéros des étapes en boules de Noël (public/vente.js). La boule reste où était le cachet,
   son attache monte dans l'espace au-dessus. */
[data-theme="noel"] .step .boule{margin-top:-15px;overflow:visible}
[data-theme="noel"] .boule-capuchon{fill:var(--or)}
[data-theme="noel"] .boule-stries{stroke:rgb(var(--encre-rgb) / .28);stroke-width:.35}
[data-theme="noel"] .boule-anneau{fill:none;stroke:var(--or);stroke-width:.8}
[data-theme="noel"] .boule-reflet{fill:rgb(var(--neige) / .5)}
[data-theme="noel"] .boule-or text{fill:var(--encre)}

/* Le cachet de cire rond garde sa taille et son ombre */
[data-theme="noel"] .wax.rond text{font-size:7px}

/* Plus de vert (retour du 30 octobre) : un vert sapin plus franc, et le vert sur le compte à rebours,
   les liens, les séparateurs et les titres. Le rouge reste réservé à ce qui se touche. */
[data-theme="noel"] body{background-image:radial-gradient(120% 55% at 50% -12%,rgb(var(--sapin-rgb) / .13),transparent 62%);background-repeat:no-repeat}
[data-theme="noel"] .count .big{color:var(--sapin)}
[data-theme="noel"] .sec{border-top-color:rgb(var(--sapin-rgb) / .45)}
[data-theme="noel"] .btn-link{color:var(--sapin);text-decoration-color:var(--or)}
[data-theme="noel"] .qh,[data-theme="noel"] .head-script{color:var(--sapin)}
[data-theme="noel"] .btn-ghost{box-shadow:inset 0 0 0 1.5px rgb(var(--sapin-rgb) / .35)}
[data-theme="noel"] .letter-env .lsub,[data-theme="noel"] .book-txt .script{color:var(--sapin)}
/* Page de vente */
[data-theme="noel"] .sec-title{color:var(--sapin)}
[data-theme="noel"] a{color:var(--sapin);text-decoration-color:var(--or)}
[data-theme="noel"] .btn{text-decoration:none}
[data-theme="noel"] .btn-primary{color:var(--surface)}