/* 
* Base CSS
* -----------------------------------------------------
*/

:root {

    /* ================= Colors ================= */
    --primary-color: #333E32;
    --primary-color-light: #827ca0;
    --primary-color-dark: ;
    --secondary-color: #A88469;
    --secondary-color-light: #b29076;
    --tertiary-color: #DAEBD9;
    --text-color: #343434;
    --background-color: #F5F9F2;


    --swiper-pagination-color: #595477;
    --swiper-pagination-bullet-size: 12px;
    --swiper-pagination-bullet-width: 12px;
    --swiper-pagination-bullet-height: 12px;
    --swiper-pagination-bullet-inactive-color: none;
    --swiper-pagination-bullet-inactive-opacity: 0.2;
    --swiper-pagination-bullet-opacity: 1;
}

.swiper-pagination-bullet {
    border: 3px solid #595477;
    border-radius: 50%;
}