/* Variables de compatibilité : une palette admin pilote tous les thèmes publics. */
:root {
  --bg: var(--site-background, #07100d);
  --surface: var(--site-surface, #0b1b15);
  --card: var(--site-surface-alt, #10251d);
  --text: var(--site-text, #f4f0e7);
  --muted: var(--site-muted, #9fb7a9);
  --accent: var(--site-secondary, #0f897d);

  --ink: var(--site-background, #07100d);
  --ink-soft: var(--site-surface, #0b1b15);
  --paper: var(--site-text, #f4f0e7);
  --paper-soft: var(--site-muted, #d9d4c8);
  --sage: var(--site-muted, #9fb7a9);
  --gold: var(--site-accent, #d7ad62);
  --gold-light: var(--site-accent-soft, #f0d49b);

  --shell-ink: var(--site-background, #06110d);
  --shell-surface: var(--site-surface, #0b1b15);
  --shell-paper: var(--site-text, #f4f0e7);
  --shell-muted: var(--site-muted, #9aaba2);
  --shell-gold: var(--site-accent, #d7ad62);
  --shell-gold-soft: var(--site-accent-soft, #f0d49b);

  --chrome-paper: var(--site-text, #f4f0e7);
  --chrome-sage: var(--site-muted, #9fb7a9);
  --chrome-gold-light: var(--site-accent-soft, #f0d49b);

  --sp-ink: var(--site-background, #06110d);
  --sp-card: var(--site-surface, #0b1b15);
  --sp-paper: var(--site-text, #f5f0e6);
  --sp-muted: var(--site-muted, #98a99f);
  --sp-gold: var(--site-accent, #d6aa5c);
  --sp-gold-soft: var(--site-accent-soft, #f0d397);

  --tst-ink: var(--site-background, #06110d);
  --tst-deep: var(--site-surface, #0a1c15);
  --tst-card: var(--site-surface-alt, #0d2018);
  --tst-paper: var(--site-text, #f5f0e6);
  --tst-muted: var(--site-muted, #9eafa6);
  --tst-gold: var(--site-accent, #d6aa5c);
  --tst-gold-soft: var(--site-accent-soft, #f0d397);
  --tst-sage: var(--site-muted, #8eaa9a);
}

body.bg.home {
  color: var(--site-text, #f4f0e7);
  background:
    radial-gradient(circle at 8% 10%, color-mix(in srgb, var(--site-secondary, #0f897d) 19%, transparent), transparent 26rem),
    radial-gradient(circle at 90% 34%, color-mix(in srgb, var(--site-accent, #d7ad62) 13%, transparent), transparent 30rem),
    var(--site-background, #07100d);
}

.site-header.topbar,
.home .topbar {
  background: color-mix(in srgb, var(--site-background, #07100d) 88%, transparent);
}

.site-footer.footer,
#fabTestimonials.t-fab {
  background: color-mix(in srgb, var(--site-background, #07100d) 92%, transparent);
}

@media (min-width: 821px) {
  .site-footer.footer,
  .site-footer .bottom-nav {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
  }
}

.hero {
  background: linear-gradient(115deg,
    color-mix(in srgb, var(--site-primary, #123e35) 72%, var(--site-background, #07100d)) 0%,
    color-mix(in srgb, var(--site-surface-alt, #10251d) 82%, var(--site-background, #07100d)) 100%);
}

::selection { color: var(--site-background, #07100d); background: var(--site-accent-soft, #f0d49b); }