/* ========================================================= Thèmes saisonniers — variables CSS (appliquées sur ) NB: --color-secondary n'est PAS redéfini ici. ========================================================= */ /* Valeurs par défaut (thème classique) */ :root { --color-primary: #8C4B3A; /* Marron chaud */ --color-background: #FDF9F3; /* Blanc cassé / écru */ --color-text: #2c2c2c; /* Texte sombre lisible */ } /* 🎄 Noël (2 semaines) */ body.theme-noel { --color-primary: #8A0E1A; --color-background: #FDF9F3; --color-text: #1E2D24; /* sombre, tirant vers vert sapin */ } /* 🎆 Nouvel an (1 jour) */ body.theme-nouvel-an { --color-primary: #0E2A44; --color-background: #FDF9F3; --color-text: #1A1A1B; /* anthracite quasi noir */ } /* 👑 Galette des rois (1 jour) */ body.theme-galette { --color-primary: #6A421C; --color-background: #FDF9F3; --color-text: #2A2016; /* brun très sombre */ } /* 🥞 Chandeleur (1 jour) */ body.theme-chandeleur { --color-primary: #684920; --color-background: #FDF9F3; --color-text: #2B1E12; /* brun profond */ } /* ❤️ Saint-Valentin (1 semaine) */ body.theme-saint-valentin { --color-primary: #8C262F; --color-background: #FDF9F3; --color-text: #2A0D11; /* bordeaux très sombre */ } /* 🐟 Poisson d’avril (1 jour) */ body.theme-poisson-avril { --color-primary: #387f88; --color-background: #FDF9F3; --color-text: #132726; /* vert pétrole très foncé */ } /* 🐣 Pâques (1 semaine) */ body.theme-paques { --color-primary: #482E21; --color-background: #FDF9F3; --color-text: #2A1C18; /* chocolat très sombre */ } /* 🇫🇷 14 juillet (1 jour) */ body.theme-14-juillet { --color-primary: #746020; --color-background: #FDF9F3; --color-text: #0A1928; /* bleu marine très foncé */ } /* 🎃 Halloween (2 semaines) */ body.theme-halloween { --color-primary: #1d1c1c; --color-background: #FDF9F3; --color-text: #0F0E0C; /* presque noir chaud */ } /* 🌿 1er mai – Fête du travail (1 jour) */ body.theme-fete-travail { --color-primary: #2F6F4E; --color-background: #FDF9F3; --color-text: #1E2420; } /* ⛏️ Sainte Barbe (4 décembre) */ body.theme-sainte-barbe { --color-primary: #444452; /* fond anthracite */ --color-background: #FDF9F3; --color-text: #666666; /* texte clair */ }