:root {
  --background: #FFFFFF;
  --desktopBackground: #F2F2F2;
  --foreground: #343840;
  --quickLinks: #98845A;
  --infoText: #616568;
  --neutral: #CACACC;
  --disabled: #E5E5E5;
  --activePill: #F2F2F2;
  --betslip: #FFFFFF;
  --drawer: #FFFFFF;
  --toolbar: #F5F5F5;
  --myBetsBG: #F9F9F9;
  --popover: #FFFFFF;

  --primary: #786847;
  --secondary: #F4FCF2;
  --tertiary: #FFFFFF;
  --primaryStroke: #7CA18D;
  --primaryButton: #128152;
  --primaryButtonText: #FFFFFF;

  --error: #EA1319;
  --attentionText: #128152;
  --attentionBackground: #128152;
  --selected: #244F4D;
  --notification: #9D2D2A;
  --alert: #FCB514;

  --promotions: #FA6400;
  --live: #EA1319;
  --links_odds: #343840;
  --favorite: #FFE500;
  --logo1: #244F4D;
  --logo2: #244F4D;

  --bannerText: #FFF;
}

.darkMode {
  --background: #121212;
  --desktopBackground: #000000;
  --foreground: #FFFFFF;
  --quickLinks: #CBAA65;
  --infoText: #AAAAAA;
  --neutral: #4B4B4B;
  --disabled: #35373C;
  --activePill: #0A1E1D;
  --betslip: #1E1E20;
  --drawer: #2E3034;
  --toolbar: #1E1E20;
  --myBetsBG: #181818;
  --popover: #303030;

  --primary: #CBAA65;
  --secondary: #0A1E1D;
  --tertiary: #2E3034;
  --primaryStroke: #223C2E;
  --primaryButton: #03E385;
  --primaryButtonText: #FFFFFF;

  --error: #E03A3E;
  --attentionText: #03E385;
  --attentionBackground: #03E385;
  --selected: #FFFFFF;
  --notification: #E03A3E;
  --alert: #FCB514;

  --promotions: #FFFFFF;
  --live: #03E385;
  --links_odds: #FFFFFF;
  --favorite: #FFE500;
  --logo1: #FFFFFF;
  --logo2: #CBAA65;
}