:root{
  --Brand-Colors-Warning-Basic: #d18313;
  --UI-Tokkens-Navigation-menu-spacing-md-x: 10px;
  --UI-Tokkens-Buttons-X-small-x: 12px;
  --UI-Tokkens-Buttons-X-small-y: 4px;
  --UI-Tokkens-Buttons-Small-x: 14px;
  --UI-Tokkens-Buttons-Small-y: 8px;
  --UI-Tokkens-Buttons-Medium-x: 16px;
  --UI-Tokkens-Buttons-Medium-y: 12px;
  --UI-Tokkens-Buttons-Large-x: 18px;
  --UI-Tokkens-Buttons-Large-y: 14px;
  --UI-Tokkens-Buttons-X-Large-x: 20px;
  --UI-Tokkens-Buttons-X-Large-y: 16px;
  --UI-Tokkens-Navigation-menu-spacing-md-y: 10px;
  --UI-Tokkens-Navigation-menu-gap: 8px;
  --UI-Tokkens-Inputs-radius-lg: 8px;
  --UI-Tokkens-Inputs-spacing-md-y: 16px;
  --UI-Tokkens-Inputs-spacing-md-x: 20px;
  --UI-Tokkens-Inputs-border-width-sm: 0.5px;

  --Bronze: #C8A36F;
  --CTA_Primary-1: #1375E1;
  --CTA_Primary-2: #004189;
  --CTA_Primary-3: #012C5C;
  --CTA_Secondary-1: #FFE202;
  --Color-01: #FFFFFF;
  --Color-2: #637684;
  --Color-3: #3C4E5B;
  --Color-4: #324958;
  --Color-5: #1B2E3B;
  --Color-6: #203646;
  --Color-7: #0D212F;
  --Color-8: #213743;
  --Color-9: #1A2C38;
  --Color-10: #7E939F;
  --Desctructive: #FC3C3C;
  --Diamond: #6A3CC9;
  --Gold: #C29201;
  --Legend: #8C2DAC;
  --Platinum: #1F777C;
  --Success: #5BEC79;
  --Warning-01: #EFA719;
  --Warning-02: #E5621C;
  --silver: #7A7A7A;

  /* Custom */
  --appbar-bg-color: rgba(13, 33, 47, 0.9);
}

.ui-button--primary {
  color: var(--Color-01);
}

.vip-club-banner {
  background: radial-gradient(151.1% 141.42% at 0% 100%, #268DFF 4.33%, #002651 59.62%) !important;
}