/* Couleurs de naissance partagées : surfaces pâles, accents lisibles.
 * Les attributs de thème ne modifient que la présentation. */
:root {
  --perin-lasne-accent: #a65f78;
  --perin-lasne-deep: #793b54;
  --perin-lasne-soft: #f7e7ee;
  --perin-lasne-tint: #fdf3f6;
  --perin-lasne-paper: #fff9f8;
  --perin-lasne-surface: #fffdfc;
  --perin-lasne-ink: #45343e;
  --perin-lasne-muted: #78636c;
  --perin-lasne-footer: #452f3b;
  --perin-rhode-accent: #78638f;
  --perin-rhode-deep: #59436f;
  --perin-rhode-soft: #eee7f5;
  --perin-rhode-tint: #f7f3fb;
  --perin-rhode-paper: #fbf9fe;
  --perin-rhode-surface: #fefcff;
  --perin-rhode-ink: #393241;
  --perin-rhode-muted: #706577;
  --perin-rhode-footer: #35303f;
  --perin-kraainem-accent: #527b98;
  --perin-kraainem-deep: #315771;
  --perin-kraainem-soft: #e5f0f8;
  --perin-kraainem-tint: #f1f7fc;
  --perin-kraainem-paper: #f7fbfe;
  --perin-kraainem-surface: #fcfdff;
  --perin-kraainem-ink: #2f3c47;
  --perin-kraainem-muted: #617180;
  --perin-kraainem-footer: #293c4b;
  --perin-theme-accent: var(--perin-lasne-accent);
  --perin-theme-deep: var(--perin-lasne-deep);
  --perin-theme-soft: var(--perin-lasne-soft);
  --perin-theme-tint: var(--perin-lasne-tint);
  --perin-theme-paper: var(--perin-lasne-paper);
  --perin-theme-surface: var(--perin-lasne-surface);
  --perin-theme-ink: var(--perin-lasne-ink);
  --perin-theme-muted: var(--perin-lasne-muted);
  --perin-theme-footer: var(--perin-lasne-footer);
}

html[data-kin-theme="lasne"],
html[data-kin-booking-theme="lasne"],
html[data-kin-consent-theme="lasne"]:not([data-kin-theme]):not([data-kin-booking-theme]) {
  --perin-theme-accent: var(--perin-lasne-accent);
  --perin-theme-deep: var(--perin-lasne-deep);
  --perin-theme-soft: var(--perin-lasne-soft);
  --perin-theme-tint: var(--perin-lasne-tint);
  --perin-theme-paper: var(--perin-lasne-paper);
  --perin-theme-surface: var(--perin-lasne-surface);
  --perin-theme-ink: var(--perin-lasne-ink);
  --perin-theme-muted: var(--perin-lasne-muted);
  --perin-theme-footer: var(--perin-lasne-footer);
}

html[data-kin-theme="rhode"],
html[data-kin-booking-theme="rhode"],
html[data-kin-consent-theme="rhode"]:not([data-kin-theme]):not([data-kin-booking-theme]) {
  --perin-theme-accent: var(--perin-rhode-accent);
  --perin-theme-deep: var(--perin-rhode-deep);
  --perin-theme-soft: var(--perin-rhode-soft);
  --perin-theme-tint: var(--perin-rhode-tint);
  --perin-theme-paper: var(--perin-rhode-paper);
  --perin-theme-surface: var(--perin-rhode-surface);
  --perin-theme-ink: var(--perin-rhode-ink);
  --perin-theme-muted: var(--perin-rhode-muted);
  --perin-theme-footer: var(--perin-rhode-footer);
}

html[data-kin-theme="kraainem"],
html[data-kin-booking-theme="kraainem"],
html[data-kin-consent-theme="kraainem"]:not([data-kin-theme]):not([data-kin-booking-theme]) {
  --perin-theme-accent: var(--perin-kraainem-accent);
  --perin-theme-deep: var(--perin-kraainem-deep);
  --perin-theme-soft: var(--perin-kraainem-soft);
  --perin-theme-tint: var(--perin-kraainem-tint);
  --perin-theme-paper: var(--perin-kraainem-paper);
  --perin-theme-surface: var(--perin-kraainem-surface);
  --perin-theme-ink: var(--perin-kraainem-ink);
  --perin-theme-muted: var(--perin-kraainem-muted);
  --perin-theme-footer: var(--perin-kraainem-footer);
}

[data-centre="lasne"],
[data-mobile-centre="lasne"],
[data-map-centre="lasne"],
.perin-centre-nav a[href="/lasne"],
.perin-home-menu a[href="/lasne"],
.p-lasne,
.perin-map-pin.is-lasne,
.perin-map-popup.is-lasne {
  --perin-centre-accent: var(--perin-lasne-accent);
  --perin-centre-deep: var(--perin-lasne-deep);
  --perin-centre-soft: var(--perin-lasne-soft);
  --perin-centre-footer: var(--perin-lasne-footer);
}

[data-centre="rhode"],
[data-mobile-centre="rhode"],
[data-map-centre="rhode"],
.perin-centre-nav a[href="/rhode"],
.perin-home-menu a[href="/rhode"],
.p-rhode,
.perin-map-pin.is-rhode,
.perin-map-popup.is-rhode {
  --perin-centre-accent: var(--perin-rhode-accent);
  --perin-centre-deep: var(--perin-rhode-deep);
  --perin-centre-soft: var(--perin-rhode-soft);
  --perin-centre-footer: var(--perin-rhode-footer);
}

[data-centre="kraainem"],
[data-mobile-centre="kraainem"],
[data-map-centre="kraainem"],
.perin-centre-nav a[href="/kraainem"],
.perin-home-menu a[href="/kraainem"],
.p-kraainem,
.perin-map-pin.is-kraainem,
.perin-map-popup.is-kraainem {
  --perin-centre-accent: var(--perin-kraainem-accent);
  --perin-centre-deep: var(--perin-kraainem-deep);
  --perin-centre-soft: var(--perin-kraainem-soft);
  --perin-centre-footer: var(--perin-kraainem-footer);
}