/* ============================================================
   TROVABANDO OPEN — themes.css
   Sistema visivo FINALE allineato alle Brand Guidelines v2.6.
   Font: Montserrat (primario) + PT Serif (secondario).
   Colori istituzionali: Blu Trovabando #07577C + Rosso OPEN #B64C4B,
   con gradiente blu→rosso del marchio. Applicato via [data-dir="b"].
   ============================================================ */

[data-dir="b"]{
  --font-display:"Montserrat",system-ui,sans-serif;
  --font-body:"Montserrat",system-ui,sans-serif;
  --font-serif:"PT Serif",Georgia,serif;

  --ink:#10262f;
  --ink-soft:#3d5662;
  --muted:#6e818b;
  --bg:#ffffff;
  --surface:#eef4f7;
  --surface-2:#e1ecf1;
  --line:#d3e0e7;
  --brand:#07577C;          /* Blu Trovabando */
  --brand-2:#B64C4B;        /* Rosso OPEN */
  --brand-ink:#ffffff;
  --accent:#B64C4B;         /* accento prodotto OPEN */
  --accent-soft:#f7e8e6;
  --ok:#31B087;             /* Verde Trovabando */

  --radius:16px;
  --radius-lg:24px;
  --shadow:0 2px 4px rgba(7,40,55,.05), 0 14px 40px -18px rgba(7,40,55,.22);
  --shadow-lg:0 40px 80px -32px rgba(7,40,55,.30);

  --display-weight:700;
  --display-tracking:-0.02em;
  --hero-size:clamp(2rem,1.15rem + 2.7vw,3.15rem);
  --eyebrow-weight:700;
  --section-y:clamp(56px,7vw,96px);
}

/* component tweaks */
[data-dir="b"] .hero{background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%)}
[data-dir="b"] .btn{border-radius:var(--radius-pill)}
/* CTA primarie: gradiente blu→rosso del marchio */
[data-dir="b"] .btn--primary{background:linear-gradient(120deg,var(--brand) 0%,var(--brand-2) 110%);
  box-shadow:0 10px 24px -12px rgba(7,40,55,.55)}
[data-dir="b"] .btn--primary:hover{background:linear-gradient(120deg,#064a6a 0%,#a5413f 110%);
  box-shadow:0 14px 30px -12px rgba(7,40,55,.6)}
[data-dir="b"] .mod__chip,[data-dir="b"] .seg__tag{letter-spacing:.08em}
/* CTA finale: rosso OPEN pieno (niente gradiente) sul fondo brand */
[data-dir="b"] .final .btn--primary{background:var(--brand-2);
  box-shadow:0 16px 40px -14px rgba(0,0,0,.45)}
[data-dir="b"] .final .btn--primary:hover{background:#a5413f;
  box-shadow:0 22px 48px -14px rgba(0,0,0,.5)}

[data-dir="b"] .pcard:last-child{background:linear-gradient(140deg,#07577C,#B64C4B)}
[data-dir="b"] .final{background:linear-gradient(150deg,#07577C 0%,#0a4a68 55%,#B64C4B 170%)}
[data-dir="b"] .h2,[data-dir="b"] .h1{letter-spacing:-.025em}
[data-dir="b"] .pcard,[data-dir="b"] .seg,[data-dir="b"] .mod,[data-dir="b"] .rcard,[data-dir="b"] .mrow{box-shadow:var(--shadow)}
/* PT Serif come accento editoriale (secondario, "as needed") */
[data-dir="b"] .hero .sub{font-family:var(--font-serif);font-style:italic}
[data-dir="b"] .proof__quote blockquote{font-family:var(--font-serif);font-style:italic;font-weight:400}