/* --- Global Styles --- */
body, html { font-family: 'Segoe UI', sans-serif; scroll-behavior: smooth; }
:root {
  --teal: #007c8c;
  --teal-hover: #008d9f;
  --hero-bg: #e8f1f2;
  --gray-700: #495057;
}

.navbar-brand { color:#c72525; font-weight:700; }
.navbar-brand:hover { color:#c72525; text-decoration:none; }

.btn-outline-primary-custom{ border:2px solid var(--teal); color:var(--teal); }
.btn-outline-primary-custom:hover{ background:var(--teal); color:#fff; }

.btn-teal{ background:var(--teal); color:#fff; }
.btn-teal:hover{ background:var(--teal-hover); color:#fff; }

/* Hero */
.hero { background:var(--hero-bg); height:auto;}
.hero-img { max-width:80%; height:auto; }


.hellow {background:#B1BCE3; }
@media (min-width:768px){
  .hellow {margin-top:10px; border-radius:10px; padding-top:1rem; padding-bottom:1rem; }
}

/* Dashboard */
.bg-dashboard { background:var(--hero-bg); }

.card-score {
  border:none;
  border-radius:1rem;
  box-shadow:0 6px 15px rgba(0,0,0,.1);
  max-width:400px;
}
.card-score .icon-big { font-size:3.5rem; color:var(--teal); }
.card-score .score-text { font-size:3rem; font-weight:700; }
.card-score .max-text { font-size:1.5rem; color:var(--gray-700); }

/* Actions list */
.action-list li::marker { color:var(--teal); font-size:1.1rem; }

@media (min-width:768px){
  .dash-flex { display:flex; gap:3rem; align-items:flex-start; }
}

/* -------- Features box (sezione ❷) -------- */
.bg-teal-soft {
  background: #e2f4f6;           /* tinta tenue coerente col tema */
}

.icon-feature {
  font-size: 3rem;
  color: var(--teal);            /* usa la variabile già definita */
}