@CHARSET "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');

:root {
  --primary-color: #212529;
  --dark-primary-color: #212529;
  --secondary-color: #E94E1A;
  --tertiary-color: #9e9c9c;

  --primary-btn-textcolor: #FFFFFF;
  --primary-btn-hovertextcolor: #FFFFFF;
  --secondary-btn-textcolor: #FFFFFF;
  --secondary-btn-hovertextcolor: #FFFFFF;

  /* Base settings */
  --fontfamily: 'Comfortaa', cursive ;
  --font-color: #00000;
  --font-size: 16px;

  --padded-backgroundcolor: #FFFFFF;

  /* Header colors */
  --header-backgroundcolor: #FFFFFF;
  --header-hovercolor: #E94E1A;
  --header-color: #000000;
  --header-texttransform: uppercase;

  --navbar-backgroundcolor: #212529;
  --navbar-color: #FFFFFF;
  --navbar-hovercolor: #E94E1A;
  --navbar-fontweight: bold;

  /* Filter */
  --filter-backgroundcolor: #F7F7F7;
  --filter-color: #000000;
  --filter-hovercolor: #E94E1A;
  --back-to-top: #E94E1A;

  --alert-color: #FFFFFF;
  --alert-backgroundcolor: #E94E1A;
  --alert-bordercolor: #E94E1A;

  /* Footer colors*/
  --footer-backgroundcolor: #000000;
  --footer-color: #FFFFFF;
}