/* ─── THÈME — SABLE & TERRE CUITE ─── */

:root {
  /* fonds — trois sables */
  --bg:          #f6f1e7;   /* sable clair */
  --bg-2:        #efe9dc;   /* sections alternées — écart 1,07:1 */
  --bg-card:     rgba(253, 251, 246, .82);
  --bg-elev:     #fdfbf6;   /* cartes — à peine plus clair, elles flottent */

  /* accent — terre cuite */
  --accent:      #94512f;
  --accent-hi:   #7a4123;   /* survol : plus profond, jamais plus vif */
  --accent-rgb:  148, 81, 47;

  /* textes — chauds mais nets */
  --text:        #3a332c;   /* 10,27:1 */
  --text-mute:   #655a4e;   /*  5,55:1 */
  --text-dim:    #6f6455;   /*  4,78:1 */

  /* traits — plus discrets que dans les autres thèmes */
  --border:      rgba(148, 81, 47, .15);
  --border-hi:   rgba(148, 81, 47, .38);

  /* ombres — très légères */
  --glow:        rgba(148, 81, 47, .10);
  --shadow:      0 16px 40px rgba(90, 65, 45, .10);

  /* Pluie de code du hero */
  --rain-rgb:    148, 81, 47;
  --rain-bg:     246, 241, 231;

  /* renfort d'opacité */
  --rain-boost:  2.4;

  /* halo désactivé */
  --rain-glow:   0;
}


/* ─── AJUSTEMENTS PROPRES AU FOND CLAIR ─── */

/* 1. vignettes */
html .work-shot img {
  filter: grayscale(.28) sepia(.14) contrast(.97) brightness(1.04);
}
html .work:hover .work-shot img {
  filter: grayscale(0) sepia(0) contrast(1) brightness(1);
}

/* 2. portrait */
html .about-photo img {
  filter: grayscale(.2) sepia(.1) contrast(.98);
}

/* 3. voile de la modale */
html .modal-veil {
  background: rgba(58, 51, 44, .42);
}

/* 4. bouton d'appel mobile */
html .call-fab {
  box-shadow: 0 8px 20px rgba(90, 65, 45, .22);
}

/* 5. halo du logo */
html .logo {
  text-shadow: none;
}

/* 6. séparateurs */
html .trust {
  border-top-color: transparent;
  border-bottom-color: transparent;
  box-shadow: inset 0 1px 0 rgba(148, 81, 47, .12),
              inset 0 -1px 0 rgba(148, 81, 47, .12);
}