:root {
  /* Color Palette */
  --color-primary: #0060a1;
  --color-secondary: #febc04;
  --color-accent: #0060a1;
  --color-success: #28a745;
  --color-danger: #ff0000;
  --color-warning: #ffc107;
  --color-info: #73879c;
  --color-light: #ffffff;
  --color-dark: #222222;
  --color-disable: #ebebeb;

  /* Typography */
  --title-color-primary: #333333;
  --title-color-secondary: #333333;
  --subtitle-color-primary: #4f4f4f;
  --text-color-primary: #333333;
  --text-color-secondary: #ffffff;
  --text-color-tertiary: #000000;

  /* Backgrounds */
  --background-color-primary: #ffffff;
  --background-color-secondary: #eaf3f5;
  --background-color-tertiary: #febc04;

  /* Borders */
  --border-color-highlight: #0060a1;
  --border-color-primary: #e8ebed;
  --border-color-secondary: #c3c3c3;

  /* Header */
  --header-bg: #ffffff;
  --header-shadow: rgba(0, 96, 161, 0.16);
  --header-txt: #000000;

  /* Sidemenu */
  --sidemenu-bg: #ffffff;
  --sidemenu-card-bg: #f3f3f3;
  --sidemenu-card-title: #333333;
  --sidemenu-card-txt: #a3a3a3;
  --sidemenu-txt: #151e34;
  --sidemenu-active: linear-gradient(90deg, rgba(6,134,221,1) 0%, rgba(0,96,161,1) 100%);
  --sidemenu-hover-txt: #ffffff;
  --sidemenu-active-txt: #ffffff;

  /* Footer */
  --footer-bg: #f0f3f4;
  --footer-title: #333333;
  --footer-txt: #4a4f54;
  --footer-active-txt: #febc04;

  /* Info Bar */
  --infobar-bg: #222222;

  /* Modal */
  --modal-header: #eff3f4;
  --modal-body: #ffffff;
  --modal-title: #222222;
  --modal-txt: #4f4f4f;

  /* Dropdown */
  --dropdown-header: #ffffff;
  --dropdown-bg: #ffffff;
  --dropdown-title: #333333;
  --dropdown-txt: #333333;
  --dropdown-active: linear-gradient(90deg, rgba(6,134,221,1) 0%, rgba(0,96,161,1) 100%);
  --dropdown-active-txt: #ffffff;

  /* Account Menu */
  --accmenu-name: #333333;
  --accmenu-wallet-card-bg: linear-gradient(180deg, rgba(6,134,221,1) 0%, rgba(0,96,161,1) 100%);
  --accmenu-wallet-card-title: #ffffff;
  --accmenu-wallet-card-txt: #ffffff;
  --accmenu-referral-card-bg: linear-gradient(180deg, rgba(6,134,221,1) 0%, rgba(0,96,161,1) 100%);
  --accmenu-referral-card-title: #ffffff;
  --accmenu-referral-card-txt: #ffffff;
  --accmenu-slider: linear-gradient(90deg, rgba(6,134,221,1) 0%, rgba(0,96,161,1) 100%);

  /* Buttons */
  --primary-btn-bg: linear-gradient(180deg, rgba(6,134,221,1) 0%, rgba(0,96,161,1) 100%);
  --primary-btn-txt: #ffffff;
  --secondary-btn-bg: linear-gradient(180deg, rgba(254,214,104,1) 0%, rgba(254,188,4,1) 100%);
  --secondary-btn-txt: #000000;
  --active-btn-bg: linear-gradient(180deg, rgba(6,134,221,1) 0%, rgba(0,96,161,1) 100%);
  --active-btn-txt: #ffffff;

  /* Wallet Menu (Mobile) */
  --wallet-name: #333333;
  --wallet-card-bg: #eff3f4;
  --wallet-card-title: #333333;
  --wallet-card-txt: #000000;

  /* Inputs */
  --input-bg: #ffffff;
  --input-color-primary: #212529;
  --input-border: #c3c3c3;
  --disable-input-bg: #ebebeb;
  --disable-input-color: #333333;
  --disable-input-border: #edeeef;

  /* Select Options */
  --option-bg-primary: #ffffff;
  --option-bg-secondary: #eaf3f5;
  --option-border: #e8ebed;
  --option-txt: #333333;
  --option-selected-bg: linear-gradient(90deg, rgba(6,134,221,1) 0%, rgba(0,96,161,1) 100%);
  --option-selected-border: rgba(0,0,0,0);
  --option-selected-txt: #ffffff;

  /* Table */
  --table-header-bg: #ffffff;
  --table-header-txt: #4f4f4f;
  --table-header-border: #e3e7ed;
  --table-row-odd-bg: #f0f9ff;
  --table-row-even-bg: #ffffff;
  --table-row-border: #e3e7ed;
  --table-body-txt: #333333;

  /* User Portal */
  --acc-bg: #ffffff;
  --acc-border: #e8ebed;
  --acc-title: #333333;
  --acc-txt: #4f4f4f;
  --card-header: #eff3f4;
  --card-body: #ffffff;
  --card-border: #DFDFDF;
  --card-title: #4f4f4f;
  --card-txt: #4f4f4f;
  --card-shadow: rgba(0,0,0,0);

  /* Indicators */
  --indicator-color: #d2d2d2;
  --indicator-active: #febc04;
  
  /* Notification */
  --notification-bg: #ff0000;
  --notification-txt: #ffffff;
  
  /* Jackpot */
  --jackpot-txt: #000000;
  
  /* Winner Month */
  --amount-color: #28a745;
  --background-color: #ffffff;
  --first-amount-color: #28a745;
  --first-background-color: #febc04;
}