/*====================
2. Theme variables
======================*/

:root {
  --body-font: 'Roboto', sans-serif;
  --body-bg: #FFFFFF;
  --body-bg2: #FFFFFF;
  --heading-font: "Poppins", sans-serif;
  --theme-color: #1F9BEE;
  --theme-color2: #FF2768;
  --theme-bg-light: #F6F6F6;
  --color-dark: #050A30;
  --body-text-color: #757F95;
  --color-white: #FFFFFF;
  --box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
  --box-shadow2: 0 0 15px rgba(0, 0, 0, 0.17);
  --transition: all .5s ease-in-out;
  --transition2: all .3s ease-in-out;
  --border-info-color: rgba(0, 0, 0, 0.08);
  --border-info-color2: rgba(0, 0, 0, 0.05);
  --border-white-color: rgba(255, 255, 255, 0.08);
  --border-white-color2: rgba(255, 255, 255, 0.05);
  --footer-bg: #050A30;
  --footer-text-color: #F5FAFF;
}

.theme-mode-variables{
  --body-bg: #03061E;
  --body-bg2: #030515; 
  --theme-color: #0b466e;
  --color-dark: #FFFFFF;
  --theme-bg-light: #050A30;
  --border-info-color: rgba(255, 255, 255, 0.1);
  --box-shadow: 0px 8px 32px rgba(255, 255, 255, 0.05);
}