/* ==========================================================================
   ESTRIA — Design tokens
   Estratti dal file Figma ESTRIA-26 (fkRpBVRMFcJG490isApjZ4)
   ========================================================================== */

:root {
  /* Colori */
  --black: #000000;
  --white: #ffffff;
  --arancio-1: #ff9966;
  --grigio-1: #595959;
  --grigio-2: #bfbfbf;
  --grigio-3: #f3f3f3;
  --grigio-5: #333333;

  /* La tela sotto le sezioni, che dipingono già il proprio fondo. È nera dal
     debug 0820: Safari, quando comprime la barra dell'indirizzo a solo
     dominio, la rende traslucida sul contenuto e il theme-color non basta più.
     Con la tela bianca quella barra ridotta schiariva; nera resta nera. */
  --bg-primary: var(--black);

  /* Font family */
  --font-title: 'Questrial', sans-serif;
  --font-body: 'Special Gothic', 'Special Gothic Expanded One', sans-serif;
  --font-mono: 'DM Mono', monospace;
}

/* --------------------------------------------------------------------------
   Stili tipografici (naming Figma: D/T-1, D/T-2, …)
   -------------------------------------------------------------------------- */

/* D/T-1 — titolo hero */
.t-1 {
  font-family: var(--font-title);
  font-size: 108px;
  font-weight: 400;
  line-height: 118px;
  letter-spacing: 0;
}

/* D/T-2 — titolo sezione */
.t-2 {
  font-family: var(--font-title);
  font-size: 66px;
  font-weight: 400;
  line-height: 72.5px;
  letter-spacing: 0;
}

/* D/T-3 — titolo minore */
.t-3 {
  font-family: var(--font-title);
  font-size: 40px;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: 0;
}

/* D/P-1 — paragrafo */
.p-1 {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  letter-spacing: 0.03em;
}

/* D/P-2-B — paragrafo piccolo bold */
.p-2-b {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 500;
  line-height: 14.5px;
  letter-spacing: 0.03em;
}

/* D/CTA-1 — testo bottoni (mono, maiuscolo) */
.cta-1 {
  font-family: var(--font-mono);
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* D/CTA-2 — testo bottoni secondari */
.cta-2 {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}

/* D/TAG-1 — etichette/tag (mono, spaziatura larga) */
.tag-1 {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 400;
  line-height: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}