/* Design token di Retune 432.
   Unica fonte di colori, opacità, tipografia e spaziature: per cambiare lo stile si interviene qui. */

/* Arimo: font di riserva per i dispositivi senza Helvetica Neue (Windows, Android).
   Incluso nell'app: nessuna richiesta a Google Fonts. Esiste solo dal peso Regular (400) in su. */
@font-face {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/arimo-latin-400-normal.woff2") format("woff2");
}

:root {
  color-scheme: dark;

  /* Colore: cobalto pieno e bianco, nient'altro. */
  --cobalt: #083BBF;
  --cobalt-deep: rgb(3 22 84);        /* solo per le ombre, mai come superficie */
  --white: #FFFFFF;
  --text-1: rgba(255, 255, 255, 1);
  --text-2: rgba(255, 255, 255, .78);
  --text-3: rgba(255, 255, 255, .6);
  --rule: rgba(255, 255, 255, .22);
  --rule-strong: rgba(255, 255, 255, .4);

  /* Tipografia */
  --font: "Helvetica Neue", "HelveticaNeue", Arimo, Arial, sans-serif;
  --weight: 300;                      /* Helvetica Neue Light */
  --figure-weight: 200;               /* cifre grandi: Helvetica Neue UltraLight; 300 per Light */
  --label-size: 11px;
  --label-tracking: .28em;
  --body-size: 15px;
  --small-size: 13px;
  --figure-size: clamp(96px, 27vw, 176px);

  /* Spazio */
  --gutter: 20px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;
  --space-6: 96px;
  --column: 600px;

  /* Vetro */
  --glass-blur: 20px;
  --glass-fill-top: rgba(255, 255, 255, .20);
  --glass-fill-bottom: rgba(255, 255, 255, .07);
  --glass-edge: rgba(255, 255, 255, .28);
  --glass-shadow: 0 10px 30px rgb(3 22 84 / .35), 0 2px 6px rgb(3 22 84 / .25);
  --touch: 44px;                      /* bersaglio minimo Apple: 44 × 44 pt */

  /* Movimento: la curva "a molla" supera leggermente il valore finale e poi si assesta */
  --spring: cubic-bezier(.34, 1.56, .64, 1);
  --ease: cubic-bezier(.22, .8, .24, 1);
}

@media (min-width: 768px) {
  :root {
    --gutter: 40px;
  }
}