:root {
  --grigi-primario: #d22525;
  --grigi-secondario: #b3b8c5;
  --grigi-testo: #000000;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Bio Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica,
    Arial, sans-serif;
  color: var(--grigi-testo);
  background: white;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Hubot Sans", sans-serif;
  font-weight: 800;
  letter-spacing: -0.01em;
}
.shadow-soft {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}
.container-pad {
  max-width: 1150px;
}
.btn-primary {
  background: var(--grigi-primario);
  color: white;
}
.btn-primary:hover {
  filter: brightness(0.9);
}
.btn-ghost {
  background: white;
  color: var(--grigi-primario);
  border: 2px solid var(--grigi-primario);
}
.btn-ghost:hover {
  background: var(--grigi-primario);
  color: white;
}
.badge {
  letter-spacing: 0.04em;
}