/* ============================================================
   TEMA · BODYSHAPE LAB — Personal Training Studio (Bologna)
   Palette firma dal logo PNG: charcoal #262624 + azzurro "LAB"
   #7CCBDF. Mood: lab/clinico premium → fondi freddi, accento
   champagne per le stat (Design), azzurro per Marketing/CTA.
   ============================================================ */
:root {
  --brand:       #3FAECF;   /* azzurro LAB saturato (accenti/CTA) */
  --brand-deep:  #2489AA;   /* profondità/hover del gradiente */
  --brand-light: #7CCBDF;   /* azzurro esatto del logo (highlight) */

  --charcoal:    #262624;   /* charcoal esatto del logo (firma) */
  --charcoal-2:  #141414;   /* fondo profondo per i gradienti */
  --ink:         #0E0E0D;   /* testo su chiaro */
  --cream:       #F5F9FA;   /* bianco-lab freddo (fondo chiaro) */

  --gold:        #D3BD92;   /* champagne — stat + accento Design */
  --sand:        #E7DCC0;   /* unità di misura nelle stat */
  --stone:       #5B6165;   /* testo secondario (grigio freddo) */
  --sand-border: #DFE7EA;   /* bordi su fondo chiaro */
}

/* Il motore ha orbs e fondo "brand" tarati warm (arancio Sculptors):
   qui li ricalibriamo sul blu-lab. Stessa specificità, vince il tema. */
.story[data-bg="light"] {
  background: radial-gradient(120% 80% at 80% -10%, #FFFFFF 0%, var(--cream) 55%, #E9F1F4 100%);
  --orb-a: rgba(63, 174, 207, 0.15);
  --orb-b: rgba(211, 189, 146, 0.16);
}
.story[data-bg="dark"] {
  --orb-a: rgba(63, 174, 207, 0.26);
  --orb-b: rgba(211, 189, 146, 0.15);
}
.story[data-bg="brand"] {
  background: linear-gradient(155deg, #10333F 0%, var(--charcoal) 42%, var(--charcoal-2) 100%);
  --orb-a: rgba(63, 174, 207, 0.45);
  --orb-b: rgba(124, 203, 223, 0.22);
}