/* Theme variables */

:root {
  --bg-outer: #060610;
  --hero-bg1: #111433;
  --hero-bg2: #0a0b1a;
  --hero-bg3: #050508;
  --hero-shadow: rgba(0, 0, 0, .6);

  --text-primary: #fff;
  --text-sub: rgba(255, 255, 255, .35);
  --text-ver: rgba(100, 180, 255, .7);
  --title-glow: rgba(100, 180, 255, .12);

  --label-color: #fff;
  --label-bg: rgba(255, 255, 255, .02);
  --label-hover-bg: rgba(100, 180, 255, .1);
  --label-hover-border: rgba(100, 180, 255, .25);
  --label-glow: rgba(100, 180, 255, .5);

  --tip-bg: rgba(8, 10, 24, .95);
  --tip-color: rgba(200, 220, 255, .75);
  --tip-border: rgba(100, 180, 255, .15);

  --orbit-color: rgba(100, 180, 255, .07);
  --glow-color: rgba(80, 160, 255, .2);
  --glow-color2: rgba(80, 160, 255, .05);
  --sat-glow: rgba(100, 180, 255, .5);
  --earth-shadow: rgba(80, 160, 255, .25);

  --neb1: rgba(99, 102, 241, .07);
  --neb2: rgba(59, 130, 246, .05);
  --neb3: rgba(168, 85, 247, .04);
}