/* ==========================================================================
   Deliver — Design tokens
   Colori ufficiali campionati dai file logo: Blu #27404F, Arancio #EF774A.
   Tutte le altre tinte sono variazioni tonali di questi due + neutri freddi.
   ========================================================================== */
:root {
  /* Brand */
  --blu: #27404F;            /* Blu Deliver (ufficiale) */
  --arancio: #EF774A;        /* Arancio Deliver (ufficiale) — grafica, superfici, testo grande */
  --bianco: #FFFFFF;

  /* Scala blu (derivata) */
  --blu-950: #121E26;
  --blu-900: #1A2D38;        /* superfici scure profonde (footer) */
  --blu-800: #27404F;        /* = Blu Deliver: hero, sezioni scure */
  --blu-700: #34505F;
  --blu-600: #4A6676;
  --blu-400: #8197A3;
  --blu-300: #A9BAC3;        /* testo secondario su scuro (AA su blu-800) */
  --blu-200: #CCD7DD;
  --blu-100: #E4EBEE;
  --blu-50:  #F2F5F7;

  /* Arancio (derivato) */
  --arancio-700: #B4501F;    /* arancio per testo piccolo su bianco (AA 5:1) */
  --arancio-200: #F9CDBB;
  --arancio-50:  #FDF1EC;

  /* Ruoli */
  --ink: #16252E;            /* testo principale */
  --text: #2B3B44;
  --muted: #52666F;          /* testo secondario su bianco (AA) */
  --line: #DCE3E7;
  --line-strong: #B9C6CD;
  --surface: var(--bianco);
  --surface-alt: var(--blu-50);
  --focus: #EF774A;

  /* Tipografia */
  --font-sans: "Instrument Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  --fs-display: clamp(2.6rem, 1.55rem + 4.1vw, 5.1rem);
  --fs-h2:      clamp(2rem, 1.45rem + 2.2vw, 3.3rem);
  --fs-h3:      clamp(1.3rem, 1.15rem + 0.6vw, 1.7rem);
  --fs-h4:      1.125rem;
  --fs-lead:    clamp(1.125rem, 1.04rem + 0.35vw, 1.35rem);
  --fs-body:    1.0625rem;
  --fs-small:   0.9375rem;
  --fs-xs:      0.8125rem;
  --fs-mono:    0.75rem;

  --lh-tight: 1.04;
  --lh-head: 1.12;
  --lh-body: 1.6;

  --tracking-display: -0.035em;
  --tracking-head: -0.022em;
  --tracking-mono: 0.06em;

  /* Spaziature (scala 4px) */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-9: 6rem;
  --s-10: 8rem;
  --section-y: clamp(4.5rem, 3rem + 6vw, 8.5rem);

  /* Layout */
  --container: 1280px;
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
  --header-h: 76px;

  /* Forme: angoli quasi vivi, coerenti con i tagli netti del logo.
     L'unica curva "di marca" è il semicerchio della D (--radius-d). */
  --radius-xs: 2px;
  --radius-s: 4px;
  --radius-m: 8px;
  --radius-d: 999px;

  /* Movimento */
  --ease-out: cubic-bezier(.2, .7, .2, 1);
  --ease-in-out: cubic-bezier(.6, 0, .2, 1);
  --t-fast: 160ms;
  --t-base: 280ms;
  --t-slow: 700ms;

  --shadow-pop: 0 1px 2px rgba(18, 30, 38, .06), 0 18px 40px -12px rgba(18, 30, 38, .22);
}