@font-face {
    font-family: 'Mona Sans';
    src:
      url('/fonts/Mona-Sans.woff2') format('woff2 supports variations'),
      url('/fonts/Mona-Sans.woff2') format('woff2-variations');
    font-weight: 200 900;
    font-stretch: 75% 125%;
}

:root {
    --wjs-primary-color: #BC8A42;
    --primary-color: #BC8A42;
    --primary-color-hover: #9c6b27;
    --primary-light-color: #f5f2ef;
    --page-background-color: #eae4de;
    --grey: #666;
    --category-color: #007bc4;
    --link-color: #0066a1;
    --border-color: #dfb67b;
    --bs-border-color: #dfb67b;
    --form-bg: #eef2f3;
    
    --btn-primary-bg-color: #BC8A42;
    --btn-primary-border-color: #BC8A42;
    --btn-primary-txt-color: #FFFFFF;

    --btn-primary-bg-color-hover: #ac7a36;
    --btn-primary-border-color-hover: #ac7a36;
    --btn-primary-txt-color-hover: #FFF;

    --btn-secondary-bg-color: #eae4de;
    --btn-secondary-border-color: #eae4de;
    --btn-secondary-txt-color: #007bc4;
    
    --btn-secondary-bg-color-hover: #007bc4;
    --btn-secondary-border-color-hover: #007bc4;
    --btn-secondary-txt-color-hover: #FFF;

    --btn-disabled-color: #666 !important;
    --btn-disabled-bg: #eae4de !important;
    --btn-disabled-border-color: #eae4de !important;
    --btn-disabled-opacity: 0.8 !important;

    --green: #23b100;
    --green-dark: #1e9700;
    
    --card-padding-top: 1.2rem;
    --card-padding-right: 2rem;
    --card-padding-bottom: 1rem;
    --card-padding-left: 2rem;

    --article-sm-padding-top: 4rem;
    --article-sm-padding-right: 2rem;
    --article-sm-padding-bottom: 3rem;
    --article-sm-padding-left: 2rem;

    --article-padding-top: 5rem;
    --article-padding-right: 5rem;
    --article-padding-bottom: 4rem;
    --article-padding-left: 5rem;


    --font-set: 'Mona Sans', Arial, Helvetica, sans-serif;
    --font-set-content2: "Merriweather", Arial, Helvetica, sans-serif;
    --font-set-content: "Nunito Sans", Arial, Helvetica, sans-serif;
    --btn-font-size: 1rem;
    --card-shadow: 0px 1px 8px 0px rgba(0,0,0,0.05);
    --card-shadow-hover: 2px 5px 9px 0px rgba(0,0,0,0.25);

    --bs-nav-link-color: #FFF;

    --swiper-scrollbar-bg-color: #dfb67b;
    --swiper-scrollbar-drag-bg-color: #FFF;
    --swiper-navigation-size: 22px;
}

.btn-action {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--green);
    --bs-btn-border-color: var(--green);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--green-dark);
    --bs-btn-hover-border-color: var(--green-dark);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--green);
    --bs-btn-active-border-color: var(--green);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--grey);
    --bs-btn-disabled-border-color: var(--grey);
}