/* ============================================================
   OmnyQR — Design tokens
   Estratti 1:1 dalle variabili del file Figma "OMNYQR"
   (HwHrb9OjpXZq3N9RzJCZoR). NON modificare i valori a mano:
   qualsiasi variazione va fatta prima nel Figma.
   ============================================================ */

:root {
  /* ---------- Colori ---------- */
  --c-bunker: #0b1012;          /* color/azure/6      — testo/fondo scuro */
  --c-bunker-85: #0b1012d9;
  --c-bunker-18: #0b10122e;
  --c-bunker-14: #0b101224;
  --c-firefly: #0e2e36;         /* color/cyan/13 */
  --c-elephant: #0c3a40;        /* color/cyan/15 */
  --c-deep-sea-green: #075662;  /* color/cyan/21 */
  --c-azure-15: #1b2c32;
  --c-outer-space: #1e282c;     /* color/azure/15-2   — bordi su scuro */
  --c-azure-16: #232d31;
  --c-azure-19: #28343a;
  --c-shuttle-gray: #54616a;    /* color/azure/37     — link nav */
  --c-rolling-stone: #6e7c82;   /* color/grey/47      — label footer */
  --c-regent-gray: #8a979d;     /* color/grey/58      — testo tenue */
  --c-grey-62: #94a1a7;
  --c-hit-gray: #9fb0b6;        /* color/azure/67 */
  --c-tower-gray: #a9b6bc;      /* color/azure/70 */
  --c-green-spring: #aebaaf;    /* color/grey/71 */
  --c-loblolly: #c5cfd3;        /* color/azure/80     — link footer */
  --c-geyser: #d2dbde;          /* color/azure/85 */
  --c-porcelain: #e4e9eb;       /* color/grey/91      — bordo nav */
  --c-aqua-haze: #f2f6f7;       /* color/grey/96      — fondo pagina */
  --c-white: #ffffff;
  --c-teal-14: #0b4650;         /* occhielli e link su fondo ciano (campionato) */
  --c-teal-20: #123037;         /* testo corrente su fondo ciano (campionato) */
  --c-teal-26: #0b6b72;         /* occhielli su fondo lime (campionato) */

  /* Accenti */
  --c-scooter: #35d1df;         /* color/cyan/54      — ciano */
  --c-java: #1fb4c2;            /* color/cyan/44 */
  --c-conifer: #c2e850;         /* color/chartreuse-green/61 — lime CTA */
  --c-spring-green: #6fddb6;    /* color/spring-green/65 */
  --c-green-74: #9be0a8;
  --c-salmon: #ff9b9b;          /* alert Notify (campionato) */

  /* Accenti con alpha */
  --c-scooter-55: #35d1df8c;
  --c-scooter-45: #35d1df73;
  --c-scooter-30: #35d1df4d;
  --c-scooter-28: #35d1df47;
  --c-scooter-18: #35d1df2e;
  --c-scooter-16: #35d1df29;
  --c-scooter-0:  #35d1df00;
  --c-conifer-50: #c2e85080;
  --c-conifer-45: #c2e85073;
  --c-conifer-26: #c2e85042;
  --c-conifer-18: #c2e8502e;
  --c-conifer-16: #c2e85029;
  --c-conifer-0:  #c2e85000;
  --c-white-82: #ffffffd1;
  --c-white-35: #ffffff59;
  --c-white-32: #ffffff52;
  --c-white-16: #ffffff29;
  --c-white-12: #ffffff1f;
  --c-white-4:  #ffffff0a;
  --c-white-0:  #ffffff00;

  /* Gradiente firma "ONE ACCESS. ALL SERVICES." */
  --g-brand: linear-gradient(117.60647362536605deg,
              var(--c-scooter) 0%, var(--c-spring-green) 50%, var(--c-conifer) 100%);

  /* ---------- Tipografia ---------- */
  --f-1: "Outfit", sans-serif;      /* font family/Font 1 — titoli, UI */
  --f-2: "Inter", sans-serif;       /* font family/Font 2 — testo corrente */
  --f-3: "Montserrat", sans-serif;  /* font family/Font 3 — occhielli maiuscoli */

  --fs-10: 10px;  --fs-11: 11px;  --fs-12: 12px;    --fs-13: 13px;
  --fs-13-5: 13.5px;
  --fs-14: 14px;  --fs-15: 15px;  --fs-16: 16px;    --fs-18: 18px;
  --fs-19: 19px;  --fs-24: 24px;  --fs-28: 28px;    --fs-30: 30px;
  --fs-38: 38px;  --fs-42: 42px;  --fs-44: 44px;    --fs-46: 46px;
  --fs-50: 50px;  --fs-52: 52px;  --fs-54: 54px;    --fs-78: 78px;

  --lh-17: 17px;      --lh-17-6: 17.6px;  --lh-19-2: 19.2px;  --lh-20-8: 20.8px;
  --lh-21: 21px;      --lh-21-6: 21.6px;  --lh-22-4: 22.4px;  --lh-25-6: 25.6px;
  --lh-27-2: 27.2px;  --lh-28-8: 28.8px;  --lh-30-4: 30.4px;  --lh-32: 32px;
  --lh-38-4: 38.4px;  --lh-44-8: 44.8px;  --lh-45-36: 45.36px;
  --lh-46-2: 46.2px;  --lh-47-84: 47.84px; --lh-64-68: 64.68px; --lh-76-44: 76.44px;

  --ls-3-36: 3.36px;   --ls-2-4: 2.4px;    --ls-1-56: 1.56px;  --ls-1-54: 1.54px;
  --ls-1-1: 1.1px;     --ls-0-66: 0.66px;  --ls--0-28: -0.28px;
  --ls--0-84: -0.84px; --ls--0-88: -0.88px; --ls--0-92: -0.92px;
  --ls--1-1: -1.1px;   --ls--1-14: -1.144px; --ls--1-65: -1.65px; --ls--1-72: -1.716px;

  --fw-400: 400; --fw-600: 600; --fw-700: 700; --fw-800: 800; --fw-900: 900;

  /* ---------- Spaziature ---------- */
  --sp-xxxs: 2px;  --sp-xxs: 4px;  --sp-s: 16px;  --sp-s-plus: 24px;
  --sp-xl: 64px;
  --sp-7: 7px;   --sp-9: 9px;   --sp-10: 10px;  --sp-11: 11px;
  --sp-12: 12px; --sp-14: 14px; --sp-18: 18px;  --sp-48: 48px;

  /* ---------- Geometria ---------- */
  --w-container: 1240px;   /* width/1240 — griglia del sito */
  --sw-1: 1px; --sw-2: 2px; --sw-6: 6px; --sw-7: 7px;
  --r-pill: 999px;
}