@CHARSET "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
  --primary-color: #12491D;
  --dark-primary-color: #40A629;
  --secondary-color: #40A629;
  --tertiary-color: #B2B5B4;

  --primary-btn-textcolor: #F7F6F2;
  --primary-btn-hovertextcolor: #F7F6F2;
  --secondary-btn-textcolor: #F7F6F2;
  --secondary-btn-hovertextcolor: #F7F6F2;

  /* Base settings */
  --fontfamily: 'Roboto', sans-serif ;
  --font-color: #111313;
  --font-size: 16px;

  --padded-backgroundcolor: #F7F6F2;

  /* Header colors */
  --header-backgroundcolor: #000000;
  --header-hovercolor: #40A629;
  --header-color: #FFFFFF;
  --header-texttransform: uppercase;

  --navbar-backgroundcolor: #12491D;
  --navbar-color: #F7F6F2;
  --navbar-hovercolor: #40A629;
  --navbar-fontweight: bold;

  /* Filter */
  --filter-backgroundcolor: #F7F6F2;
  --filter-color: #111313;
  --filter-hovercolor: #111313;
  --back-to-top: #111313;

  --alert-color: #111313;
  --alert-backgroundcolor: #F7F6F2;
  --alert-bordercolor: #111313;

  /* Footer colors*/
  --footer-backgroundcolor: #12491D;
  --footer-color: #F7F6F2;
}
