/* GO NET srl — Design Tokens */
:root {
  /* Palette */
  --bg: #060910;
  --bg-2: #0b0f1a;
  --bg-3: #101525;
  --surface: rgba(255,255,255,0.03);
  --surface-h: rgba(255,255,255,0.06);
  --text: #edf2f7;
  --text-2: #8b9ab5;
  --text-3: #556580;
  --border: rgba(255,255,255,0.07);
  --border-h: rgba(255,255,255,0.14);
  --accent: #38bdf8;
  --accent-dim: rgba(56,189,248,0.12);
  --accent-2: #818cf8;
  --accent-3: #a78bfa;

  /* Gradients */
  --g-accent: linear-gradient(135deg,#38bdf8,#818cf8);
  --g-hero: linear-gradient(180deg,rgba(6,9,16,.78),rgba(6,9,16,.5) 40%,rgba(6,9,16,.92));
  --g-glass: linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.008));
  --g-section: linear-gradient(180deg,var(--bg),var(--bg-2));
  --g-cta: linear-gradient(135deg,#0c1425,#151035,#0c1425);

  /* Shadows */
  --sh-card: 0 2px 20px rgba(0,0,0,.3);
  --sh-card-h: 0 8px 32px rgba(0,0,0,.4);
  --sh-media: 0 4px 28px rgba(0,0,0,.35);
  --glow: 0 0 20px rgba(56,189,248,.08);

  /* Type */
  --f-head: 'Space Grotesk',system-ui,sans-serif;
  --f-body: 'Inter',system-ui,sans-serif;
  --ts-xs: .8125rem;
  --ts-sm: .9375rem;
  --ts-base: 1rem;
  --ts-md: 1.0625rem;
  --ts-lg: 1.1875rem;
  --ts-xl: 1.5rem;
  --ts-hero: clamp(2.4rem,6vw,4.5rem);

  /* Spacing */
  --s-xs: .5rem;
  --s-sm: .75rem;
  --s-md: 1rem;
  --s-lg: 1.5rem;
  --s-xl: 2rem;
  --s-2x: 3rem;
  --s-3x: 4rem;
  --s-4x: 5.5rem;

  /* Layout */
  --maxw: 1180px;
  --hh: 76px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;

  /* Motion */
  --ease: cubic-bezier(.16,1,.3,1);
  --ease2: cubic-bezier(.4,0,.2,1);
  --t-fast: 180ms var(--ease2);
  --t-base: 280ms var(--ease2);
  --t-slow: 500ms var(--ease);
}

@media(max-width:479px){
  :root{--hh:68px;--s-3x:3rem;--s-4x:4rem}
}