:root{
 --color-hero-bg: #131318;
  /* SMART BUY LANDING PAGE - Benefits Button  */
  --smartbuy-benefits-button-bg: #14151b;
  --smartbuy-benefits-button-bg-hover: #1a2338;
  --smartbuy-benefits-button-border: #536072;
  --smartbuy-benefits-button-glow: #8cb3dd;
 
  /* Hero Upcoming Event Card */
  --smartbuy-upcoming-event-border: #39536c;
  --smartbuy-upcoming-event-bg: #14151b;
  --smartbuy-upcoming-event-glow: #8cb3dd;
  --smartbuy-upcoming-eventcard-shaddow: 0px 3.347px 16.734px 0px
    rgba(22, 29, 41, 0.49);
  --brand-gradient: linear-gradient(88deg, #fff 8.66%, #4a6286 147.9%);
 
  /* Navigation Bar */
  --primary: #242e4b;
  --nav-bar-bg: radial-gradient(
    80.14% 162.9% at 60.16% 91.34%,
    #002e57 0%,
    #000000 66.31%,
    #000000 100%
  );
  --card-name-gradient: linear-gradient(90deg, #ffffff 0%, #4a6286 116.67%);
  --card-dropdown-bg-gradient: linear-gradient(
    117deg,
    #16293e 0.62%,
    #151a26 98.4%
  );
  --card-dropdown-border-gradient: linear-gradient(
    90deg,
    #ffffff1a 0%,
    #659ccf 51%,
    #ffffff1a 100%
  );
  --navigation-heading-popup-bg: rgba(27, 38, 54, 0.8);
  --navigation-menu-border-gradient-start: #659ccf;
  --navigation-heading-menu-triangle-bg: linear-gradient(
    0deg,
    #4a8fe7 0%,
    #182341 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,
    rgba(20, 20, 25, 0.6) 42.34%,
    rgba(28, 36, 50, 0.6) 86.33%
  );
 
  /* Upcoming Card Blur Color */
  --smartbuy-upcoming-blur-gradient-color: #4a8fe7;
 
  --savings-pill-gradient: linear-gradient(
    269.85deg,
    #131318 0.06%,
    #1c578e 99.83%
  );
  --eclipse-glow: #7494e6d9;
  --glow-line: #5867e8;
  --underline-eclipse-glow: linear-gradient(
    90deg,
    rgba(19, 19, 24, 0) 0%,
    #5867e8 37%,
    #5867e8 63%,
    rgba(19, 19, 24, 0) 100%
  );
  --underline-innner-eclipse-glow: linear-gradient(
    90deg,
    rgba(19, 19, 24, 0) 0%,
    #d2d6f6 54.5%,
    rgba(19, 19, 24, 0) 100%
  );
  --affiliate-partner-content-bg: #13162d;
 
  /* SECTION BG */
  --section-affiliateoffers-bg: linear-gradient(0deg, #fff 0%, #f7f0eb 100%);
 
  --header-menu-highlight: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0) 0%,
    #4a8fe7 50%,
    rgba(0, 0, 0, 0) 100%
  );
}