/* Generato da build-css.py - non modificare a mano.
   Sorgente: tg-web-v2/assets/styles.css */

:root {/* Neutri */
  --ink:#191817;          /* Black 6C */
  --ink-soft:#3A3734;     /* Black 7C */
  --paper:#FDFAF7;        /* off-white */
  --paper-2:#F4F0EB;      /* paper leggermente più scuro */
  --gray:#E4E1DE;         /* Cool Gray 1C */

  /* Accenti */
  --blue:#4CC7FF;         /* 2985 C */
  --blue-soft:#9CE0FF;    /* 2975 C */
  --orange:#FF8845;       /* 164 C */
  --orange-soft:#FFB185;  /* 7410 C */

  /* Gradienti brand */
  --grad-01:linear-gradient(120deg,#9CE0FF 0%,#FFB185 100%);
  --grad-02:linear-gradient(120deg,#4CC7FF 0%,#FF8845 100%);

  /* Neumorfismo (su --paper) */
  --nm-light:rgba(255,255,255,.92);
  --nm-dark:rgba(183,174,163,.48);
  --nm-out:8px 8px 22px var(--nm-dark), -8px -8px 22px var(--nm-light);
  --nm-out-sm:5px 5px 14px var(--nm-dark), -5px -5px 14px var(--nm-light);
  --nm-in:inset 5px 5px 12px var(--nm-dark), inset -5px -5px 12px var(--nm-light);

  --shadow-soft:0 24px 60px -28px rgba(25,24,23,.35);

  --r:22px;
  --r-lg:34px;
  --maxw:1240px;
  --font:'Inter',system-ui,sans-serif;

  --ease:cubic-bezier(.22,1,.36,1);}

@keyframes ripple{to{transform:scale(2.6);opacity:0}}

@keyframes windflow{to{stroke-dashoffset:-200}}

@keyframes spin{to{transform:rotate(360deg)}}

@keyframes vane{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(7deg)}}

@keyframes vane-alta{0%,100%{transform:rotate(-17deg)}50%{transform:rotate(14deg)}}

@keyframes lidarp{0%{r:3;opacity:1}70%{r:16;opacity:0}100%{r:3;opacity:0}}

@keyframes mlabel{to{opacity:1}}

@keyframes cone{0%,100%{opacity:.12}50%{opacity:.4}}

@keyframes brise{0%{transform:translate(0,0);opacity:0}9%{opacity:1}88%{opacity:.18}100%{transform:translate(var(--bx),var(--by));opacity:0}}

@keyframes scrolly{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

@keyframes marq{to{transform:translateX(-50%)}}

@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(76,199,255,.55)}70%{box-shadow:0 0 0 22px rgba(76,199,255,0)}100%{box-shadow:0 0 0 0 rgba(76,199,255,0)}}

@keyframes beamup{0%{top:100%;opacity:0}20%{opacity:1}100%{top:-4%;opacity:0}}