/* ============================================================
   01-token.css — variabili del nuovo gbmaster.pro "Strati".

   Direzione: tavola tecnica su carta. Fondo chiaro caldo,
   inchiostro quasi nero, il blu del marchio come unico colore
   "di lavoro" e l'ambra riservata a ciò che appartiene
   all'agenzia (il suo marchio, i suoi bottoni d'azione).
   Il logo è disegnato per fondo chiaro: qui finalmente ci sta.
   ============================================================ */

:root {
  /* ------------------------------------------------ superfici */
  --carta: #eeebe4;          /* fondo pagina */
  --carta-chiara: #f7f5f0;   /* schede, pannelli sollevati */
  --carta-scura: #e3dfd6;    /* bande alternate, binari */
  --linea: rgba(11, 27, 38, 0.14);
  --linea-forte: rgba(11, 27, 38, 0.32);

  /* ------------------------------------------------ inchiostri */
  --inchiostro: #0b1b26;        /* ~15:1 sulla carta */
  --inchiostro-tenue: #45545f;  /* ~6.6:1 sulla carta */
  --inchiostro-debole: #6b7780; /* ~4.5:1, solo etichette */

  /* ------------------------------------------------ marchio */
  --blu: #00416b;          /* ~9.6:1 sulla carta */
  --blu-vivo: #0a5f95;
  --blu-notte: #04131d;    /* banda scura dei numeri */
  --ambra: #f5b335;        /* solo come fondo, mai come testo sulla carta */
  --ambra-scura: #c98c1f;
  --su-scuro: #eef4f8;
  --su-scuro-tenue: #9fb3c4;
  --errore: #a3261a;

  /* ------------------------------------------------ tipografia */
  --f-titoli: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;

  --t-mega: clamp(2.7rem, 6vw, 6.2rem);
  --t-h1: clamp(2.1rem, 4.8vw, 4rem);
  --t-h2: clamp(1.5rem, 2.8vw, 2.2rem);
  --t-h3: clamp(1.15rem, 1.7vw, 1.35rem);
  --t-corpo: clamp(1rem, 1.1vw, 1.0625rem);
  --t-piccolo: 0.9375rem;
  --t-etichetta: 0.75rem;

  /* ------------------------------------------------ spazi */
  --spazio-1: 0.25rem;
  --spazio-2: 0.5rem;
  --spazio-3: 0.75rem;
  --spazio-4: 1rem;
  --spazio-5: 2rem;
  --spazio-6: 3rem;
  --spazio-7: 5rem;
  --spazio-8: 8rem;

  --largh-max: 1320px;
  --gutter: clamp(1rem, 4.5vw, 3rem);
  --misura: 60ch;

  --raggio-s: 4px;
  --raggio-m: 10px;
  --raggio-pill: 999px;

  /* ------------------------------------------------ tempi */
  --tempo-veloce: 0.18s;
  --tempo-medio: 0.42s;
  --tempo-lento: 0.9s;
  --curva: cubic-bezier(0.22, 0.61, 0.36, 1);
  --curva-molla: cubic-bezier(0.34, 1.4, 0.64, 1);
}