.saas-theme--light {
  --SaasAccentBlue: #1677ad;
  --SaasAccentDarkGreen: #21703a;
  --SaasAccentGreen: #3fcb66;
  --SaasAccentLightGreen: #24ff00;
  --SaasAccentMidDarkGreen: #0a7d1d;
  --SaasAccentRed: #db0000;
  --SaasAccentDarkRed: #d93333;
  --SaasAccentYellow: #eedc06;
  --SaasElement01: #eeeff1;
  --SaasElement02: #f6f6f8;
  --SaasElement03: #fefefe;
  --SaasElement03WithOpacity: #fefefe50;
  --SaasElement04: #e5e6eb;
  --SaasElement05: #37463f;
  --SaasElement06: #dbdee8;
  --SaasElement07: #bec1cc;
  --SaasElement08: ##c1c5d2;
  --SaasElement09: rgba(249, 249, 249, 0.35);
  --SaasElementDropdown: #03150d;
  --SaasElementOdd: #fff;
  --SaasGradientBackground01: radial-gradient(
      50% 44.61% at 50% 50%,
      rgba(255, 255, 255, 0.35) 0%,
      rgba(249, 249, 249, 0.35) 100%
    ),
    #fbfbfb;
  --SaasGradientBackground02: radial-gradient(
      50.08% 50.08% at 49.96% 50.08%,
      rgba(255, 255, 255, 0) 0%,
      #e8eaed 100%
    ),
    #ebecef;
  --SaasGradientBackground03: linear-gradient(
    270deg,
    rgba(94, 103, 117, 0) 0%,
    rgba(94, 103, 117, 0.1) 50%,
    rgba(94, 103, 117, 0) 100%
  );
  --SaasGradientBackground04: linear-gradient(
    90.06deg,
    #eeeff1 -3.49%,
    #dbdee8 49.21%,
    #eeeff1 103.49%
  );
  --SaasGradientBackground05: linear-gradient(
    270deg,
    rgba(246, 246, 248, 0) 0%,
    #e5e6eb 50%,
    rgba(246, 246, 248, 0) 100%
  );
  --SaasText01: #061423;
  --SaasText02: #5e6775;
  --SaasText03: #324254;
  --SaasTextBlack: #000;
  --SaasTextWhite: #fff;
  --SaasIconFilter: grayscale(100%);
  --SaasIconOdds: white;
  --SaasShadow: 0px 8px 22px -6px rgba(14, 25, 51, 0.12),
    0px 14px 64px -4px rgba(14, 25, 51, 0.12);
  --SaasLive01: #4c5366;
  --SaasLive02: #bec1cc;
  --SaasLive03: #292e3a;
  --SaasLive04: #3b4150;
}