:root {
  /* Color Palette */
  --color-primary: #e7c86d;
  --color-secondary: #fe0000;
  --color-accent: #e7c86d;
  --color-success: #28a745;
  --color-danger: #ff0000;
  --color-warning: #ff0000;
  --color-info: #73879c;
  --color-light: #ffffff;
  --color-dark: #000000;
  --color-disable: #a5a5a5;

  /* Typography */
  --title-color-primary: #e7c86d;
  --title-color-secondary: #ffffff;
  --subtitle-color-primary: #bac0c9;
  --text-color-primary: #ffffff;
  --text-color-secondary: #000000;
  --text-color-tertiary: #222222;

  /* Backgrounds */
  --background-color-body: #121212;
  --background-color-primary: #121212;
  --background-color-secondary: #1d1d1d;
  --background-color-tertiary: linear-gradient(to bottom, #ebcd70 0%, #98611f 100%);

  /* Borders */
  --border-color-highlight: #e7c86d;
  --border-color-primary: #4a4a4a;
  --border-color-secondary: #606060;

  /* Shadows */
  --header-shadow: rgba(0, 0, 0, 0.5);
  --card-shadow: rgba(0, 0, 0, 0.5);

  /* Header */
  --header-bg: #1d1d1d;
  --header-txt: #ffffff;

  /* Sidemenu */
  --sidemenu-bg: #1d1d1d;
  --sidemenu-card-bg: #303134;
  --sidemenu-card-title: #ffffff;
  --sidemenu-card-txt: #bdc1c6;
  --sidemenu-txt: #ffffff;
  --sidemenu-active: linear-gradient(to bottom, #ebcd70 0%, #98611f 100%);
  --sidemenu-hover-txt: #000000;
  --sidemenu-active-txt: #000000;

  /* Footer */
  --footer-bg: #1d1d1d;
  --footer-title: #ffffff;
  --footer-txt: #a5a5a5;
  --footer-active-txt: #e7c86d;

  /* Info Bar */
  --infobar-bg: #1d1d1d;

  /* Modal */
  --modal-header: #272727;
  --modal-body: #151515;
  --modal-title: #e7c86d;
  --modal-txt: #a5a5a5;

  /* Dropdown */
  --dropdown-header: #121212;
  --dropdown-bg: #1d1d1d;
  --dropdown-title: #ffffff;
  --dropdown-txt: #ffffff;
  --dropdown-active: linear-gradient(to bottom, #ebcd70 0%, #98611f 100%);
  --dropdown-active-txt: #000000;

  /* Account Menu */
  --accmenu-name: #e7c86d;
  --accmenu-wallet-card-bg: #303134;
  --accmenu-wallet-card-title: #ffffff;
  --accmenu-wallet-card-txt: #bdc1c6;
  --accmenu-referral-card-bg: #303134;
  --accmenu-referral-card-title: #ffffff;
  --accmenu-referral-card-txt: #bdc1c6;
  --accmenu-slider: linear-gradient(to bottom, #ebcd70 0%, #98611f 100%);

  /* Wallet Menu */
  --wallet-name: #ddbe48;
  --wallet-card-bg: #1d1d1d;
  --wallet-card-title: #bdc1c6;
  --wallet-card-txt: #ffffff;

  /* Buttons */
  --primary-btn-bg: linear-gradient(to bottom, #ebcd70 0%, #98611f 100%);
  --primary-btn-txt: #000000;
  --secondary-btn-bg: #fe0000;
  --secondary-btn-txt: #ffffff;
  --active-btn-bg: linear-gradient(to bottom, #ebcd70 0%, #98611f 100%);
  --active-btn-txt: #000000;

  /* Inputs */
  --input-bg: #303134;
  --input-border: #4a4a4a;
  --input-color-primary: #ffffff;
  --disable-input-bg: #1d1d1d;
  --disable-input-color: #a5a5a5;
  --disable-input-border: #303134;

  /* Select Options */
  --option-bg-primary: #121212;
  --option-bg-secondary: #121212;
  --option-border: #4a4a4a;
  --option-txt: #ffffff;
  --option-selected-bg: linear-gradient(to bottom, #ebcd70 0%, #98611f 100%);
  --option-selected-border: #e7c86d;
  --option-selected-txt: #000000;

  /* Table */
  --table-header-bg: #1d1d1d;
  --table-header-txt: #e7c86d;
  --table-header-border: #4a4a4a;
  --table-row-odd-bg: #121212;
  --table-row-even-bg: #1d1d1d;
  --table-row-border: #4a4a4a;
  --table-body-txt: #ffffff;

  /* User Portal */
  --acc-bg: #121212;
  --acc-border: #4a4a4a;
  --acc-title: #ffffff;
  --acc-txt: #ffffff;
  --card-header: #1d1d1d;
  --card-body: #121212;
  --card-border: #4a4a4a;
  --card-title: #e7c86d;
  --card-txt: #bac0c9;

  /* Indicators */
  --indicator-color: #ffffff;
  --indicator-active: #e7c86d;
  
  /* Notification */
  --notification-bg: #ff0000;
  --notification-txt: #ffffff;
  
  /* Jackpot */
  --jackpot-txt: #ffffff;
  
  /* Winner Month */
  --amount-color: #28a745;
  --background-color: #121212;
  --first-amount-color: #28a745;
  --first-background-color: linear-gradient(to bottom, #ebcd70 0%, #98611f 100%);
}