/* Nuravesta — valori di base del brand, da usare in web app e sito. */

@font-face {
  font-family: "Manrope";
  src: url("font/manrope-latin-wght-normal.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Colori di marca */
  --verde-vivo: #12C97B; /* fasce, pulsanti, grafici: sempre con testo scuro sopra */
  --verde: #08834F; /* link e importi positivi su fondo chiaro */
  --verde-notte: #06281F; /* logo, titoli, fasce scure */
  --ambra: #FFC93C; /* evidenziatore: una frase o un dettaglio per pagina */

  /* Superfici e testo */
  --fondo: #F4FAF6;
  --card: #FFFFFF;
  --tinta: #E3F6EC; /* stato attivo, etichette, fondo delle icone */
  --linea: #DCE9E2;
  --testo: #0B1F18;
  --testo-secondario: #4A5F56;
  --testo-su-scuro: #C9DDD3;

  /* Significato dei dati: mai usati come decorazione */
  --positivo: #08834F;
  --negativo: #C8372D;

  /* Tipografia */
  --font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --peso-testo: 500;
  --peso-etichetta: 600;
  --peso-titolo: 800;
  --titolo-hero: clamp(2.25rem, 5vw, 3.875rem);
  --titolo-sezione: clamp(1.75rem, 3.4vw, 2.625rem);
  --titolo-card: 1.375rem;
  --testo-base: 1rem;
  --testo-piccolo: 0.875rem;
  --numero-grande: 2rem;

  /* Forme */
  --raggio-card: 20px;
  --raggio-card-grande: 28px;
  --raggio-controllo: 12px;
  --raggio-pillola: 999px;
  --ombra-card: 0 10px 30px rgba(6, 40, 31, 0.12);
  --altezza-tocco: 44px;

  /* Spazi */
  --spazio-1: 4px;
  --spazio-2: 8px;
  --spazio-3: 12px;
  --spazio-4: 16px;
  --spazio-5: 24px;
  --spazio-6: 32px;
  --spazio-7: 48px;
  --spazio-8: 72px;
}