/* CLAIMA — splash page
   Bootstrap 5.3 gestisce layout/spaziature/tipografia.
   Qui solo: brand colors, font, sfondo. */

:root {
  --claima-navy: #0c2340;   /* sfondo navy */
  --claima-teal: #3aa6a0;   /* "digital" */
  --claima-green: #4bb254;  /* "twin platform" */
}

body {
  /* font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; */
  font-family: "Quicksand", sans-serif;
}

/* Sfondo: immagine globo + velo scuro a sinistra per leggibilità del testo */
.splash {
  background-color: var(--claima-navy);
  background-image:
    linear-gradient(90deg, var(--claima-navy) 0%, rgba(12, 35, 64, 0.85) 25%, rgba(12, 35, 64, 0.15) 55%, rgba(12, 35, 64, 0) 75%),
    url("../img/bg.jpg");
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
}

.splash-logo {
  height: 34px;
  width: auto;
}

/* Titolo responsivo: scala col viewport, resta nei limiti del mockup */
.splash-title {
  font-size: clamp(2.4rem, 6vw, 4.5rem);
}

.splash-subtitle {
  max-width: 34rem;
  opacity: 0.9;
}

.splash-cta {
  letter-spacing: 0.12em;
}

/* Brand colors */
.text-teal { color: var(--claima-teal) !important; }
.text-green { color: var(--claima-green) !important; }

a {
  color: var(--claima-teal);
  text-decoration: underline;
}