/* SATIEN v2 — Tweaks-driven mood layers */

/* ─── Atmosphère ─── */

body.mood-day {
  --cream:      #F2EBDC;
  --cream-soft: #EDE5D2;
  --cream-deep: #E2D7BE;
  --paper:      #F8F2E4;
  --ink:        #161310;
  --ink-2:      #2C2720;
  --ink-soft:   #6E6555;
  --gold:       #C9A24A;
  --gold-deep:  #A07A2C;
  --gold-soft:  #D9BD7A;
}

/* Mobile-only: --gold-deep alone, same lightness as the original
   (#A07A2C), pushed more saturated so text/icons read as more vividly
   gold instead of the flatter original — deliberately NOT darkened,
   since darkening this same color earlier made it read as brown. */
@media (max-width: 700px) {
  body.mood-day {
    --gold-deep: #C2850A;
    --gold:      #E8AF2C;
    --gold-soft: #E7C26C;
    --cream:      #F1E8D4;
    --cream-soft: #EBE0C6;
    --cream-deep: #E1D2B1;
    --paper:      #F8F1E2;
  }

  /* Footer specifically wanted whiter than --paper itself (used
     elsewhere and already tuned) — a dedicated value just for it. */
  .footer { background: #FBF7EE; }
}

body.mood-dusk {
  --cream:      #E2D5BA;
  --cream-soft: #D8C9A8;
  --cream-deep: #C8B58D;
  --paper:      #ECE0C5;
  --ink:        #1A1610;
  --ink-2:      #2A2418;
  --ink-soft:   #6B5F47;
  --gold:       #B68A35;
  --gold-deep:  #8E681F;
  --gold-soft:  #C9A453;
}

body.mood-night {
  --cream:      #14110B;
  --cream-soft: #1A160F;
  --cream-deep: #221C12;
  --paper:      #1B170E;
  --ink:        #F2EBDC;
  --ink-2:      #E2D5BA;
  --ink-soft:   #968B73;
  --gold:       #D9BD7A;
  --gold-deep:  #C9A24A;
  --gold-soft:  #E8D49B;
}
body.mood-night ::selection { background: var(--gold); color: var(--cream); }
body.mood-night .nav { background: rgba(20, 17, 11, 0.78); }
body.mood-night .nav.scrolled { background: rgba(20, 17, 11, 0.92); }
body.mood-night .choc { background: #060503; }
body.mood-night .newsletter { background: #060503; }
body.mood-night .product-visual {
  background: radial-gradient(80% 60% at 50% 40%, #221C12, #0E0C09);
}
body.mood-night .how-visual:not(.dark) {
  background: repeating-linear-gradient(45deg, #1A160F 0 12px, #221C12 12px 24px);
}
body.mood-night .footer-mega { color: rgba(242,235,220,.08); }
body.mood-night .testimonial-avatar { background: #2A2418; color: var(--ink); border-color: rgba(242,235,220,.2); }

/* ─── Voix typographique ─── */

body.voice-editorial {
  --serif: 'Cormorant Garamond', Georgia, serif;
}
body.voice-editorial .h-display,
body.voice-editorial .h-mega,
body.voice-editorial .h-1,
body.voice-editorial .h-2,
body.voice-editorial .h-3 {
  font-weight: 500;
  font-style: normal;
  letter-spacing: -0.015em;
}

body.voice-boutique {
  --serif: 'Cormorant Garamond', Georgia, serif;
}
body.voice-boutique .h-display,
body.voice-boutique .h-mega,
body.voice-boutique .h-1,
body.voice-boutique .h-2 {
  font-weight: 400;
  font-style: italic;
  letter-spacing: -0.005em;
}
body.voice-boutique .italic-accent {
  font-style: normal;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  text-decoration-color: var(--gold);
}
body.voice-boutique .eyebrow { letter-spacing: 0.32em; }

body.voice-sport {
  --serif: 'Inter', sans-serif;
  --sans:  'Inter', sans-serif;
}
body.voice-sport .h-display,
body.voice-sport .h-mega,
body.voice-sport .h-1,
body.voice-sport .h-2,
body.voice-sport .h-3 {
  font-family: var(--sans);
  font-weight: 700;
  font-style: normal;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}
body.voice-sport .italic-accent {
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
}
body.voice-sport .marquee-item,
body.voice-sport .testimonial-quote,
body.voice-sport .testimonial-avatar,
body.voice-sport .nav-brand,
body.voice-sport .nav-mini,
body.voice-sport .footer-brand .logo,
body.voice-sport .footer-mega,
body.voice-sport .product-meta dd,
body.voice-sport .seal-num,
body.voice-sport .seal-italic,
body.voice-sport .benefit-num,
body.voice-sport .section-num {
  font-family: var(--sans);
  font-style: normal;
}
body.voice-sport .nav-brand,
body.voice-sport .footer-brand .logo {
  font-weight: 800;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}
body.voice-sport .testimonial-quote { font-weight: 600; letter-spacing: -0.02em; }
body.voice-sport .marquee-item { font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; }
body.voice-sport .footer-mega { letter-spacing: -0.06em; font-weight: 800; }
body.voice-sport .btn { letter-spacing: 0.12em; }

/* ─── Densité ─── */

body.density-silencieux section { padding: clamp(140px, 16vw, 220px) 0; }
body.density-silencieux .marquee { padding: 36px 0; }
body.density-silencieux [data-reveal] { transform: translateY(40px); transition-duration: 1.4s; }
body.density-silencieux .hero-display { letter-spacing: -0.025em; }

body.density-standard section { padding: clamp(96px, 12vw, 160px) 0; }

body.density-sature section { padding: clamp(64px, 8vw, 100px) 0; }
body.density-sature .marquee { padding: 18px 0; }
body.density-sature [data-reveal] { transform: translateY(16px); transition-duration: .7s; }
/* grain overlay for saturated mode */
body.density-sature::before {
  content: '';
  position: fixed; inset: 0;
  pointer-events: none;
  z-index: 200;
  opacity: 0.08;
  mix-blend-mode: multiply;
  background-image:
    radial-gradient(1px 1px at 20% 30%, rgba(20,17,11,.6) 50%, transparent 51%),
    radial-gradient(1px 1px at 70% 80%, rgba(20,17,11,.5) 50%, transparent 51%),
    radial-gradient(1px 1px at 40% 60%, rgba(20,17,11,.4) 50%, transparent 51%);
  background-size: 3px 3px, 5px 5px, 7px 7px;
}
body.density-sature.mood-night::before { mix-blend-mode: screen; opacity: .05; }