/* ==========================================================================
   PROFILO DI STILE — S&P Trading Lab · Swiss Capital School
   Scritto il 2026-09-08 (passo 2 di landing-builder). Identità dal marchio e
   dal sito swisscapitalschool.com (pagina sl-stock-picking-lab): rosso del
   logo e dei testi in evidenza, blu notte dell'apertura, granata del logo.
   Lo stile NON sposta niente: qui vivono solo colori, caratteri, cornici e
   stati. Larghezze e colonne restano nella pagina e negli scheletri.

   PALETTE PER RUOLO (Stile.md §4)
     fondo        #ffffff  · carta (fondi alternati) #f3f4f7 — grigio freddo, intonato al blu
     scuro        #181b3e  · il blu notte dell'apertura del sito: qui apertura, barra e footer
     inchiostro   #1f2333  · tenue #5f6474
     accento      #e40909  · il rosso del sito. Bianco sopra = 4,84 : passa E4 (4,5).
                            Il rosso puro del logo (#ff1f1f) misura 3,84 e non passerebbe.
     dettaglio    #2679ce  · il blu del sito, per i micro-segni non cliccabili (oggi nessuno)
   NOTA per il titolare: l'azione del sito di riferimento è VERDE (#5cb85c, il «success» di
   Elementor). Bianco su quel verde misura 2,5: sotto il pavimento E4. Qui l'azione è nel rosso
   del marchio, che passa. È la correzione «spiegata, non applicata in silenzio» di Stile.md §4.
   CARATTERI: la coppia del sistema, Poppins (titoli) + Open Sans (testo), già collegata.
   ========================================================================== */
:root{
  --pagina:#ffffff; --carta:#f3f4f7; --scuro:#181b3e;
  --inchiostro:#1f2333; --tenue:#5f6474; --filetto:#dfe2ea;
  --accento:#e40909; --accento-scuro:#b80707; --dettaglio:#2679ce;
  --su-scuro:#ffffff; --su-scuro-tenue:#c3c7d6;
  --r-azione:6px;
}

/* --- testo ----------------------------------------------------------------- */
body{color:var(--inchiostro);background:var(--pagina)}
.sez .ph{color:var(--inchiostro)}
.sez .ph--titolo,.sez h3{color:var(--inchiostro)}
.sez .ph--prehead,.sez .ph--nota,.sez .micro,.sez .card4__sotto,.sez .voce__risposta,
.sez .prezzo dd,.sez .card__nome,.b05 .fase{color:var(--tenue)}
.b02 .ph--riassunto{color:var(--inchiostro)}
.b03 .card3 p,.b03 .step p{color:var(--inchiostro)}

/* --- fondi: tinta piena, per ruolo ------------------------------------------ */
.b02 .nar--v2a{background:var(--carta)}
.b05 .ele--tinta{background:var(--carta)}
.b09 .prz{background:var(--carta)}
.b12 .faq{background:var(--carta)}

/* --- l'azione: un solo trattamento per pagina (E2) -------------------------- */
.b01 .ph--azione,.b01 .bar .ph--azione,.b09 .azione,.b13 .azione{
  background:var(--accento);color:#fff;border:1px solid var(--accento);
  border-radius:var(--r-azione);font-weight:700;
  transition:background-color .15s ease,transform .05s ease}
.b01 .ph--azione:hover,.b01 .bar .ph--azione:hover,.b09 .azione:hover,.b13 .azione:hover{
  background:var(--accento-scuro);border-color:var(--accento-scuro);color:#fff}
.b01 .ph--azione:active,.b09 .azione:active,.b13 .azione:active{transform:translateY(1px)}
.b01 .ph--azione:focus-visible,.b09 .azione:focus-visible,.b13 .azione:focus-visible{
  outline:2px solid var(--inchiostro);outline-offset:3px}
.b13 .foo a.azione{color:#fff}
@media (prefers-reduced-motion:reduce){.b01 .ph--azione,.b09 .azione,.b13 .azione{transition:none}}

/* --- testata ----------------------------------------------------------------- */
.b01 .tes{background:var(--pagina);border-bottom:1px solid var(--filetto)}
.b01 .tes__ancore a{color:var(--inchiostro)}
.b01 .tes__hamburger{border-color:var(--filetto)}
.b01 .tes.aperta .tes__ancore{background:var(--pagina);border-bottom-color:var(--filetto)}

/* --- apertura: fascia scura come sul sito, mappa sotto il velo blu notte ---- */
.b01 .af .af__fondo{background:var(--scuro)}
.b01 .af .velo--gradiente{background:linear-gradient(90deg,rgba(24,27,62,.96) 0%,rgba(24,27,62,.9) 42%,rgba(24,27,62,.35) 80%)}
.b01 .af .ph--titolo{color:var(--su-scuro)}
.b01 .af .ph--prehead{color:var(--su-scuro-tenue)}
.b01 .af .ph--sottotitolo{color:#e6e8f0}
.b01 .af .ph--nota{color:var(--su-scuro-tenue)}
@container (max-width:719px){
  .b01 .af.af--v2a .velo--gradiente{background:linear-gradient(180deg,rgba(24,27,62,.95) 0%,rgba(24,27,62,.88) 52%,rgba(24,27,62,.28) 100%)}
}

/* --- barra persistente ------------------------------------------------------- */
.b01 .bar{background:var(--scuro)}
.b01 .bar__scarsita{color:var(--su-scuro-tenue)}

/* --- riquadri delle immagini ancora vuote ------------------------------------ */
.b02 .ph--slot{background:var(--pagina);border:1px dashed var(--filetto);color:var(--tenue)}

/* --- elenchi ----------------------------------------------------------------- */
.b05 .card-ev{border-color:var(--filetto)}
.b05 .voce--ev{background:var(--carta)}
.b05 .voce__slot{border:1px solid var(--filetto);background:var(--pagina)}
.b05 .icona-std circle{fill:var(--scuro)}
.b05 .card4--si{border-color:var(--scuro)}
.b05 .card4--no{background:var(--carta);border-color:var(--filetto)}
.b05 .card4--no .icona-std circle{fill:var(--tenue)}
.b05 .card4--no .voce p{color:var(--tenue)}

/* --- passi e card ------------------------------------------------------------- */
.b03 .step__pill{background:var(--scuro);color:#fff}
.b03 .freccia{color:var(--tenue)}
.b03 .card3{border:1px solid var(--filetto);background:var(--pagina)}
.b03 .icona-set{color:var(--scuro)}

/* --- prezzo -------------------------------------------------------------------- */
.b09 .card{border-color:var(--filetto)}
.b09 .prezzo__ora{color:var(--scuro)}

/* --- faq ----------------------------------------------------------------------- */
.b12 .voce{border-color:var(--filetto)}
.b12 .voce summary{color:var(--inchiostro)}
.b12 .voce summary::before{color:var(--scuro)}
.b12 .voce[open]{background:var(--pagina)}

/* --- footer scuro --------------------------------------------------------------- */
.b13 .foo{background:var(--scuro);color:var(--su-scuro)}
.b13 .foo h3,.b13 .foo .micro,.b13 .legale,.b13 .r4,.b13 .r4__dati{color:var(--su-scuro-tenue)}
.b13 .foo p,.b13 .r2__par,.b13 .contatti{color:var(--su-scuro)}
.b13 .foo a{color:var(--su-scuro)}
.b13 .foo__riga{border-top-color:rgba(255,255,255,.14)}
.b13 .quadro{border-color:rgba(255,255,255,.14)}