/* WeGospel App — dix habillages (CONTRAT.md §3, DECISIONS.md du 28/10/2026).
   Chaque habillage définit exactement le même jeu de variables. Tout le reste du CSS (app.css)
   n'utilise que ces variables. Les cinq du pack sont prélevés sur design/05_References_Validees
   et design/02_Autres_Landing_Pages ; les cinq autres viennent de design/DECISIONS.md.

   --c-primary / --c-primary-dark / --c-primary-soft : couleur dominante, sa version foncée, sa teinte claire
   --c-accent  / --c-accent-dark  / --c-accent-soft  : couleur d'accent (mot doré du titre, icônes chaudes)
   --c-cta / --c-cta-dark / --c-cta-ink : dégradé du bouton principal et couleur de son texte
   --c-band / --c-band-2 : dégradé du bandeau « Faites grandir votre chorale »
   --c-title-accent : couleur du mot mis en valeur dans les titres (« organisée »)
   --c-bg / --c-surface / --c-ink / --c-muted / --c-line : fond de page, cartes, encre, texte secondaire, filets
   --c-ok / --c-warn / --c-danger / --c-link : états et liens (le lien reste #1763C6 partout) */

html, html[data-theme="bleu-dore"] {
  --c-primary: #0A4FD8; --c-primary-dark: #0033A0; --c-primary-soft: #E3EEFF;
  --c-accent: #C8861C;  --c-accent-dark: #A5660E;  --c-accent-soft: #FBF1DC;
  --c-cta: #E0A840; --c-cta-dark: #B07018; --c-cta-ink: #FFFFFF;
  --c-band: #0038A0; --c-band-2: #0F5BE0; --c-title-accent: #B87008;
  --c-bg: #F3F7FD; --c-surface: #FFFFFF; --c-ink: #0B0C47; --c-muted: #4B5A8A; --c-line: #D3DEF3;
  --c-ok: #1A9E5C; --c-warn: #E09A1A; --c-danger: #D93838; --c-link: #1763C6;
}
html[data-theme="rose-violet"] {
  --c-primary: #E8167E; --c-primary-dark: #8E00D9; --c-primary-soft: #FDE6F4;
  --c-accent: #9A12E6;  --c-accent-dark: #6E00B8;  --c-accent-soft: #F1E4FD;
  --c-cta: #F030B8; --c-cta-dark: #E80070; --c-cta-ink: #FFFFFF;
  --c-band: #8800E0; --c-band-2: #F84898; --c-title-accent: #B000E0;
  --c-bg: #FDF5FB; --c-surface: #FFFFFF; --c-ink: #1A0A3E; --c-muted: #5A5A8A; --c-line: #F3CFE6;
  --c-ok: #1A9E5C; --c-warn: #E09A1A; --c-danger: #D93838; --c-link: #1763C6;
}
html[data-theme="marron-rouge"] {
  --c-primary: #A0101A; --c-primary-dark: #5A0A0A; --c-primary-soft: #F6E3E0;
  --c-accent: #B8651A;  --c-accent-dark: #8A4A0E;  --c-accent-soft: #F8E8DA;
  --c-cta: #A80010; --c-cta-dark: #800008; --c-cta-ink: #FFFFFF;
  --c-band: #500808; --c-band-2: #B04828; --c-title-accent: #A80010;
  --c-bg: #FBF4EE; --c-surface: #FFFFFF; --c-ink: #3A0E0E; --c-muted: #6B4A45; --c-line: #EBD3CA;
  --c-ok: #1A9E5C; --c-warn: #E09A1A; --c-danger: #D93838; --c-link: #1763C6;
}
html[data-theme="vert-emeraude"] {
  --c-primary: #0A8A64; --c-primary-dark: #004838; --c-primary-soft: #DDF3EA;
  --c-accent: #C99A2A;  --c-accent-dark: #9A7418;  --c-accent-soft: #FBF1D9;
  --c-cta: #008060; --c-cta-dark: #005040; --c-cta-ink: #FFFFFF;
  --c-band: #005848; --c-band-2: #409048; --c-title-accent: #008060;
  --c-bg: #F2F9F5; --c-surface: #FFFFFF; --c-ink: #0A2E26; --c-muted: #3F5E55; --c-line: #CDE8DC;
  --c-ok: #1A9E5C; --c-warn: #E09A1A; --c-danger: #D93838; --c-link: #1763C6;
}
html[data-theme="orange-bleunuit"] {
  --c-primary: #F85408; --c-primary-dark: #C23B00; --c-primary-soft: #FFE9DC;
  --c-accent: #0F3F8C;  --c-accent-dark: #001840;  --c-accent-soft: #E2EAF7;
  --c-cta: #F86800; --c-cta-dark: #F84800; --c-cta-ink: #FFFFFF;
  --c-band: #001840; --c-band-2: #F86800; --c-title-accent: #F85008;
  --c-bg: #FFF7F2; --c-surface: #FFFFFF; --c-ink: #0B1E45; --c-muted: #4B5678; --c-line: #F6D8C6;
  --c-ok: #1A9E5C; --c-warn: #E09A1A; --c-danger: #D93838; --c-link: #1763C6;
}
html[data-theme="nuit-or"] {
  --c-primary: #0F172A; --c-primary-dark: #060B1A; --c-primary-soft: #E5E8F0;
  --c-accent: #D4A017;  --c-accent-dark: #A67A0C;  --c-accent-soft: #FFF5D6;
  --c-cta: #E6B52E; --c-cta-dark: #B8860B; --c-cta-ink: #0F172A;
  --c-band: #0F172A; --c-band-2: #334155; --c-title-accent: #D4A017;
  --c-bg: #FFFBEB; --c-surface: #FFFFFF; --c-ink: #0F172A; --c-muted: #475569; --c-line: #E6DFC8;
  --c-ok: #1A9E5C; --c-warn: #E09A1A; --c-danger: #D93838; --c-link: #1763C6;
}
html[data-theme="turquoise-corail"] {
  --c-primary: #0E7490; --c-primary-dark: #0A4F63; --c-primary-soft: #DDF3F8;
  --c-accent: #F26B5B;  --c-accent-dark: #C44A3B;  --c-accent-soft: #FDE6E2;
  --c-cta: #F26B5B; --c-cta-dark: #D14D3D; --c-cta-ink: #FFFFFF;
  --c-band: #0A4F63; --c-band-2: #0E7490; --c-title-accent: #F26B5B;
  --c-bg: #F0FBFC; --c-surface: #FFFFFF; --c-ink: #0B2B33; --c-muted: #3D6470; --c-line: #C8E6EC;
  --c-ok: #1A9E5C; --c-warn: #E09A1A; --c-danger: #D93838; --c-link: #1763C6;
}
html[data-theme="prune-argent"] {
  --c-primary: #5B2A86; --c-primary-dark: #3B1A5A; --c-primary-soft: #ECE3F5;
  --c-accent: #9AA3B2;  --c-accent-dark: #6B7585;  --c-accent-soft: #EEF0F4;
  --c-cta: #7A3DB0; --c-cta-dark: #5B2A86; --c-cta-ink: #FFFFFF;
  --c-band: #3B1A5A; --c-band-2: #9AA3B2; --c-title-accent: #7A3DB0;
  --c-bg: #F7F4FA; --c-surface: #FFFFFF; --c-ink: #241436; --c-muted: #5E5470; --c-line: #DED5EA;
  --c-ok: #1A9E5C; --c-warn: #E09A1A; --c-danger: #D93838; --c-link: #1763C6;
}
html[data-theme="bordeaux-creme"] {
  --c-primary: #7A1F2B; --c-primary-dark: #4E111A; --c-primary-soft: #F5E3E5;
  --c-accent: #E3C98A;  --c-accent-dark: #B8984E;  --c-accent-soft: #FBF4E2;
  --c-cta: #9A2D3B; --c-cta-dark: #7A1F2B; --c-cta-ink: #FFFFFF;
  --c-band: #4E111A; --c-band-2: #9A2D3B; --c-title-accent: #B8984E;
  --c-bg: #FBF8F1; --c-surface: #FFFFFF; --c-ink: #2E0D12; --c-muted: #6B4A50; --c-line: #EAD9C8;
  --c-ok: #1A9E5C; --c-warn: #E09A1A; --c-danger: #D93838; --c-link: #1763C6;
}
html[data-theme="ardoise-soleil"] {
  --c-primary: #334155; --c-primary-dark: #1E293B; --c-primary-soft: #E2E8F0;
  --c-accent: #F2B705;  --c-accent-dark: #C28F00;  --c-accent-soft: #FFF4CC;
  --c-cta: #F2B705; --c-cta-dark: #C28F00; --c-cta-ink: #1E293B;
  --c-band: #1E293B; --c-band-2: #334155; --c-title-accent: #C28F00;
  --c-bg: #F8FAFC; --c-surface: #FFFFFF; --c-ink: #0F172A; --c-muted: #475569; --c-line: #D7DEE8;
  --c-ok: #1A9E5C; --c-warn: #E09A1A; --c-danger: #D93838; --c-link: #1763C6;
}

/* Visuel d'en-tête : chef ou cheffe de chœur (indépendant de la palette) */
html, html[data-hero="chef"]   { --hero-img: url("../img/hero-chef.png"); }
html[data-hero="cheffe"]       { --hero-img: url("../img/hero-cheffe.png"); }