:root {
  • -primary-color: #008000;
  • -secondary-color-1: #d8604c;
  • -secondary-color-2: #D78958;
  • -neutral-color: #4E5056;
  • -neutral-soft-color: #b0b1b3;
  • -neutral-light-color: #fff;
  • -success-color: #3cab3b;
  • -danger-color: #d8604c;
  • -warning-color: #D78958;
  • -main-text-color: var(--neutral-color);
  • -main-text-fontsize: 1em;
  • -main-text-fontfamily: 'Nunito', sans-serif;
  • -main-bg-color: var(--neutral-light-color);
  • -main-container-bg-color: var(--neutral-light-color);
  • -link-color: var(--primary-color);
  • -link-hover-color: var(--primary-color);
  • -navbar-bg-color: var(--neutral-light-color);
  • -navbar-text-color: var(--primary-color);
  • -navbar-link-color: var(--primary-color);
  • -navbar-link-bg-color: transparent;
  • -navbar-link-hover-color: --secondary-color-1;
  • -navbar-link-bg-hover-color: transparent;
  • -navbar-border: none;
  • -navbar-border-radius: 0;
  • -navbar-shadow: none;
  • -header-bg-color: var(--neutral-light-color);
  • -header-text-color: var(--neutral-color);
  • -header-title-color: var(--primary-color);
  • -footer-bg-color: var(--neutral-color);
  • -footer-text-color: var(--neutral-light-color);
  • -footer-title-color: var(--main-text-color);
  • -footer-border-top: 3px solid var(--neutral-soft-color);
  • -btn-border: none;
  • -btn-border-radius: .5em;
  • -checkbox-color: var(--primary-color);
}