:root{
  --sb-primary: #1c3fca;
  --sb-primary-100: #dfe4f7;
  --sb-primary-200: #a3baf9;
  --sb-primary-500: #659ccf;
  --sb-danger: #e22853;
  --sb-danger-300: #fbe1e7;
    --nav-bar-bg: #0f326a;
  --primary: #0d225b;
  --nav-footer-highlight: #1c3fca; 
  --card-name-gradient: linear-gradient(90deg, #fff 0%, #4a6286 116.67%);
  --card-dropdown-bg-gradient: linear-gradient(
    117deg,
    #0d225b 0.62%,
    #134986 98.4%
  );
  --card-dropdown-border-gradient: linear-gradient(
    90deg,
    #ffffff1a 0%,
    #659ccf 51%,
    #ffffff1a 100%
  );
    --navigation-heading-popup-bg: #0d225bcc;
  --navigation-menu-border-gradient-start: #659ccf;
  --navigation-heading-menu-triangle-bg: linear-gradient(
    0deg,
    #4a8fe7 0%,
    #1456a3 100%
  );
  --navigation-menu-triangle-glow: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0) 0%,
    #659ccf 50%,
    rgba(0, 0, 0, 0) 100%
  );
  --navigation-heading-menu-hover-bg: linear-gradient(
    90deg,
    #1456a3 42.34%,
    #1456a399 86.33%
  );
}