/* ==========================================================================
   Nordlys — design tokens
   Tutte le dimensioni tipografiche sono in rem: la scala si adatta da sola
   cambiando la font-size della radice ai breakpoint (come su Framer).
   ========================================================================== */

@font-face {
  font-family: "ALT Riviera";
  src: url("../fonts/alt-riviera-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist Mono";
  src: url("../fonts/geist-mono-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Geist Mono";
  src: url("../fonts/geist-mono-latin-ext.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* Colori */
  --color-bg: #ffffff;
  --color-text: #000000;
  --color-muted: #a3a0a0;      /* testi secondari, nav, divisori */
  --color-faded: #cccccc;      /* grandi titoli di sezione */
  --color-pink: #ff72ff;       /* logo */
  --color-magenta: #ff00ff;    /* barra di avanzamento slider */
  --color-card: #bfbfbf;       /* fondo card servizi */

  /* Font */
  --font-sans: "ALT Riviera", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Scala tipografica (rem) */
  --fs-nav: 0.6rem;            /* nav, etichette mono piccole */
  --fs-label: 0.75rem;         /* etichette di sezione ■ SERVIZI */
  --fs-body: 1rem;             /* testi correnti */
  --fs-contact: 0.8rem;
  --fs-title: 1.3rem;          /* titoli progetti e metodo */
  --fs-h1: 2rem;
  --fs-statement: 2.5rem;
  --tracking: -0.02em;

  /* Spaziature */
  --gutter: 40px;
  --header-h: 83px;
  --divider: 1px solid var(--color-muted);

  font-size: 150%;             /* ≥ 1200px: 1rem = 24px */
}

@media (min-width: 810px) and (max-width: 1199px) {
  :root { font-size: 100%; }   /* 1rem = 16px */
}

@media (max-width: 809px) {
  :root {
    font-size: 125%;           /* 1rem = 20px */
    --gutter: 20px;
    --fs-statement: 1.8rem;
  }
}