:root {

  • primary-color: #ccc46f;
  • 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: 17px;
  • 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(--primary-color);
  • navbar-text-color: var(--neutral-light-color);
  • navbar-link-color: var(--neutral-light-color);
  • navbar-link-bg-color: transparent;
  • navbar-link-hover-color: rgba(255,255,255,0.85);
  • 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: transparent;
  • footer-text-color: var(--main-text-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);
  • }