/* ==== Cassiopeia – Theme bridge ==== */

/* 1) Token di tema (aggiorna con i tuoi valori) */
:root{
  --cassiopeia-color-primary: #0f6efd;   /* colore brand principale */
  --cassiopeia-color-secondary: #6c757d;
  --cassiopeia-color-accent: #198754;    /* eventuale colore accento */
  --cassiopeia-color-text: #212529;
  --cassiopeia-color-muted: #6c757d;
  --cassiopeia-font-family-base: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --cassiopeia-radius: .5rem;
}

/* 2) Tipografia di base */
body {
  font-family: var(--cassiopeia-font-family-base);
  color: var(--cassiopeia-color-text);
  line-height: 1.6;
}
h1,h2,h3,h4 { font-weight: 700; line-height: 1.2; }
h1 { font-size: clamp(2rem, 2vw + 1.5rem, 3rem); }
h2 { font-size: clamp(1.5rem, 1.2vw + 1rem, 2.2rem); }
a { color: var(--cassiopeia-color-primary); text-decoration: none; }
a:hover { text-decoration: underline; }

/* 3) Bottoni */
.btn, .button, button, input[type=submit]{
  display:inline-block; border:0; border-radius: var(--cassiopeia-radius);
  padding:.65rem 1.2rem; font-weight:600; cursor:pointer;
}
.btn-primary, .button-primary{
  background: var(--cassiopeia-color-primary); color:#fff;
}
.btn-primary:hover{ filter: brightness(0.95); }

/* 4) Header / Navbar (adatta alle classi del tuo menu) */
.header, .site-header, .navbar, .mod-menu{
  --nav-bg: #ffffff; --nav-link:#000; --nav-link-active: var(--cassiopeia-color-primary);
  background: var(--nav-bg);
}
.mod-menu a { color: var(--nav-link); font-weight:600; }
.mod-menu .active > a { color: var(--nav-link-active); }

/* 5) Hero / jumbotron */
.hero, .page-hero{
  background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.35)), var(--hero-image, transparent);
  background-size: cover; background-position:center;
  color:#fff; padding: clamp(2rem, 6vw, 6rem) 0;
}
.hero .lead{ font-size: clamp(1.1rem, .6vw + 1rem, 1.5rem); opacity:.95; }

/* 6) Cards / riquadri servizi */
.card, .service-card{
  background:#fff; border:1px solid rgba(0,0,0,.08); border-radius: var(--cassiopeia-radius);
  padding:1.25rem; box-shadow: 0 6px 18px rgba(0,0,0,.05);
}
.card h3{ margin-top:.25rem; font-size:1.25rem; }

/* 7) Sezioni spaziatura utilità (se non vuoi usare solo utility Bootstrap) */
.section{ padding: clamp(2rem, 5vw, 5rem) 0; }
.section-muted{ background:#f8f9fa; }

/* 8) Footer */
.site-footer{ background:#111; color:#eee; }
.site-footer a{ color:#ddd; }