:root {
  --clr-primary:        #6236ff;
  --clr-primary-dark:   #4318cc;
  --clr-primary-deeper: #2a0d6e;
  --clr-accent-pink:    #FF3D7F;
  --clr-accent-yellow:  #f4b400;
  --clr-accent-cyan:    #00C9FF;
  --clr-accent-green:   #22c55e;

  --clr-nav-bg:         rgba(24, 8, 70, 0.92);
  --clr-glass-bg:       rgba(255, 255, 255, 0.09);
  --clr-glass-border:   rgba(255, 255, 255, 0.14);

  --topbar-h:           60px;
  --bottomnav-h:        68px;
  --nav-blur:           20px;
  --nav-zindex:         1040;
}