/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
:root {
  --default-font: "Roboto";
  --heading-font: "Raleway",  sans-serif;
  --nav-font: "Poppins",  sans-serif;
}

/*--------------------------------------------------------------
# Global Colors
--------------------------------------------------------------*/
:root { 
  --background-color: #ffffff;
  --default-color: #444444;
  --heading-color: #151515;
  --accent-color: #e09737;
  --surface-color: #ffffff;
  --contrast-color: #312f2f;
  --transparency: rgba(0, 0, 0, 0);
}

/*--------------------------------------------------------------
# Nav Colors
--------------------------------------------------------------*/
:root {
  --nav-color: rgba(255, 255, 255, 0.905);
  --nav-hover-color: #e09737;
  --nav-mobile-background-color: #ffffff;
  --nav-dropdown-background-color: #ffffff;
  --nav-dropdown-color: #212529;
  --nav-dropdown-hover-color: #e09737;
}

/*--------------------------------------------------------------
# Special Colors
--------------------------------------------------------------*/
.dark-background {
  --background-color: #060606;
  --default-color: #ffffff;
  --twitch-hover-color: #772ce8;
  --twitch-main-color: #9147ff;
}

/*--------------------------------------------------------------
# Scrolling
--------------------------------------------------------------*/
:root {
  scroll-behavior: smooth;
}