:root{
  --bg: #050510;
  --bg-2:#0b0d18;
  --panel: rgba(255,255,255,.06);
  --panel-2: rgba(255,255,255,.09);
  --stroke: rgba(255,255,255,.12);
  --stroke-2: rgba(255,255,255,.18);

  --text: #eef0ff;
  --muted: rgba(238,240,255,.72);
  --muted-2: rgba(238,240,255,.55);

  --mint: #49ffd0;
  --blue: #35b7ff;
  --orange: #ff7a2f;
  --green: #2cff63;
  --yellow:#ffd84d;
  --violet:#8c7cff;

  --shadow-1: 0 18px 60px rgba(0,0,0,.55);
  --shadow-2: 0 24px 90px rgba(0,0,0,.68);

  --r-sm: .9rem;
  --r-md: 1.2rem;
  --r-lg: 1.6rem;

  --space-1: .5rem;
  --space-2: .75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;

  --container: min(1120px, calc(100% - 2rem));

  --ease: cubic-bezier(.22,.61,.36,1);
  --dur-1: .18s;
  --dur-2: .28s;
  --dur-3: .5s;

  --grad-brand: linear-gradient(90deg, var(--mint), #7aff86);
  --grad-hero: radial-gradient(1200px 700px at 50% -20%, rgba(140,124,255,.18), transparent 65%),
               radial-gradient(900px 600px at 10% 20%, rgba(0, 255, 200, .10), transparent 60%),
               radial-gradient(900px 600px at 90% 35%, rgba(255, 120, 44, .10), transparent 65%);
}