/* ============================================================
   METALMEC — Design tokens
   Fonte di verità della fedeltà visiva.
   Valori target misurati sul riferimento a viewport 1440×900:
   H1 87.57px ls -2.08px · H2 51.79px ls -0.6px · CTA h42 r9999
   header 72px · ritmo sezioni 80px · container testi 1000px
   ============================================================ */

:root {
  /* --- Colori --- */
  --ink: #1f1f1f;              /* testo primario, CTA scura, footer bg */
  --white: #ffffff;
  --muted: #717173;            /* testo secondario / disclaimer */
  --muted-dark: #8f8f94;       /* testo secondario su fondo scuro */
  --pill-grey: #c9c9cd;        /* sfondo tablist */
  --line: #e6e6e9;             /* bordi sottili su chiaro */
  --line-dark: #3a3a3e;        /* bordi sottili su scuro */
  --card-grey: #f4f4f5;        /* card chiare / superfici */

  /* --- Palette placeholder "acciaio" (visual originali) --- */
  --steel-1: #2a3542;
  --steel-2: #10151c;
  --steel-3: #05070a;
  --graphite-1: #26262b;
  --graphite-2: #101013;
  --copper-1: #3b2b22;
  --copper-2: #140e0a;
  --spark: #ff8a3d;            /* bagliore saldatura */
  --sky-1: #35506e;            /* variante hero blu-acciaio */
  --sky-2: #1a2836;

  /* --- Tipografia ---
     H1: 6.08vw = 87.55px @1440 (target 87.57) · min 48px
     H2: 3.60vw = 51.84px @1440 (target 51.79) · min 34px  */
  --font-display: "Instrument Sans", "Inter", -apple-system, "Segoe UI", Arial, sans-serif;
  --font-body: "Inter", -apple-system, "Segoe UI", Arial, sans-serif;
  --text-h1: clamp(3rem, 6.08vw, 6.5rem);
  --text-h2: clamp(2.125rem, 3.6vw, 4rem);
  --text-h3: clamp(1.375rem, 1.8vw, 1.625rem);
  --text-lead: 1.125rem;       /* 18px/24px paragrafo hero */
  --text-body: 1rem;
  --text-small: 0.875rem;
  --text-tiny: 0.75rem;        /* disclaimer */
  --ls-h1: -0.0238em;          /* -2.08px @ 87.57px */
  --ls-h2: -0.0116em;          /* -0.6px  @ 51.79px */
  --ls-body: -0.01em;

  /* --- Spaziature e misure --- */
  --header-h: 72px;
  --space-section: 80px;
  --container: 1000px;
  --container-wide: 1200px;
  --gutter: 24px;

  /* --- Componenti --- */
  --btn-h: 42px;
  --btn-pad: 10px 24px;
  --radius-pill: 9999px;
  --radius-card: 24px;
  --radius-media: 28px;
  --radius-phone: 44px;

  /* --- Motion --- */
  --ease-out: cubic-bezier(0.2, 0.6, 0.2, 1);
  --dur: 0.6s;
  --dur-fast: 0.2s;

  /* --- Z-index --- */
  --z-header: 100;
}