:root{
      --sb-primary: #1c3fca;
  --sb-primary-100: #dfe4f7;
  --sb-primary-200: #a3baf9;
  --sb-primary-500: #659ccf;
  --sb-danger: #e22853;
  --sb-danger-300: #fbe1e7;
   --primary: #141419;
  --nav-bar-bg: radial-gradient(162.85% 299.59% at 95.16% 186.36%,#5E6164 0%,#090E19 47.35%,#090E19 100%);
  --card-name-gradient: linear-gradient(90deg, #ffffff 0%, #646464 116.67%);
  --card-dropdown-bg-gradient: linear-gradient(
    117deg,
    #26262a 0.62%,
    #131318 98.4%
  );
  --card-dropdown-border-gradient: linear-gradient(
    90deg,
    #2b2b30 0%,
    #656565 51%,
    #2d2d31 100%
  );
 
  --navigation-heading-popup-bg: rgb(27, 27, 32, 0.8);
  --navigation-menu-border-gradient-start: #4a4a4a;
  --navigation-heading-menu-triangle-bg: linear-gradient(
    0deg,
    #2a2a2e 0%,
    #131318 100%
  );
  --navigation-menu-triangle-glow: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0) 0%,
    #2a2a2e 50%,
    rgba(0, 0, 0, 0) 100%
  );
  --navigation-heading-menu-hover-bg: linear-gradient(
    90deg,
    #413f3f99 42.34%,
    #242427 86.33%
  );
    --header-menu-highlight: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0) 0%,
    #646464 50%,
    rgba(0, 0, 0, 0) 100%
  );
}