/* =========================================================
   Rudy Di Pasquale — design token
   Fonte di verità: docs/design-system.md
   ========================================================= */

@font-face {
  font-family: "Inter Tight";
  src: url("../fonts/inter-tight-var-latin.woff2") format("woff2");
  font-weight: 300 500;
  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: "PT Mono";
  src: url("../fonts/pt-mono-400-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Colori — le opere sono l'unico colore */
  --c-bg: #0C0C0C;
  --c-bg-raised: #151515;
  --c-bg-sunken: #080808;
  --c-fg: #FDFDFD;
  --c-fg-soft: #D6D6D6;
  --c-fg-muted: #A9A9A9;   /* 8.6:1 su --c-bg */
  --c-fg-subtle: #737373;  /* solo testo ≥18px o decorativo */
  --c-line: rgba(253, 253, 253, .12);
  --c-line-strong: rgba(253, 253, 253, .34);
  --c-paper: #F2EFEA;
  --c-ink: #0C0C0C;
  --c-error: #FF8A80;

  /* Tipografia */
  --f-sans: "Inter Tight", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono: "PT Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --fs-label: .75rem;
  --fs-small: clamp(.875rem, .85rem + .1vw, .9375rem);
  --fs-body: clamp(1rem, .96rem + .2vw, 1.125rem);
  --fs-lead: clamp(1.25rem, 1.02rem + 1vw, 1.875rem);
  --fs-h3: clamp(1.375rem, 1.2rem + .75vw, 1.875rem);
  --fs-h2: clamp(2.25rem, 1.5rem + 3.2vw, 4.25rem);
  --fs-h1: clamp(2.75rem, 1.4rem + 5.6vw, 6.5rem);
  --fs-display: clamp(3.25rem, 1.2rem + 9vw, 10rem);
  --lh-tight: 1.02;
  --lh-snug: 1.3;
  --lh-body: 1.65;
  --ls-label: .14em;
  --ls-display: -.035em;

  /* Spaziature (base 4px) */
  --s-1: .25rem; --s-2: .5rem; --s-3: .75rem; --s-4: 1rem; --s-5: 1.5rem;
  --s-6: 2rem; --s-7: 3rem; --s-8: 4rem; --s-9: 6rem;
  --s-section: clamp(3.75rem, 2rem + 8vw, 11rem);

  /* Griglia */
  --container: 1440px;
  --gutter: clamp(1rem, .4rem + 2.6vw, 3rem);
  --gap: clamp(1rem, .6rem + 1.6vw, 2rem);
  --hdr-h: clamp(60px, 5vw, 76px);

  /* Forme */
  --radius: 0;
  --hairline: 1px;

  /* Movimento */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --t-fast: 160ms;
  --t-base: 320ms;
  --t-slow: 900ms;
}