@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Josefin+Slab:ital,wght@0,100..700;1,100..700&display=swap');

* {
    scroll-behavior: smooth;
	font-family: "Josefin Sans", sans-serif;
    --primary-color: #CBBF99;
    --primary-contrast: #593128;
    --secondary-color: #BFB3A8;
}

.hr-contrast{
    border: 2px solid var(--primary-contrast);
}

.hr-primary{
    border: 2px solid var(--primary-color);
}

.gradient-image {
	-webkit-mask-image: linear-gradient(to left, black, transparent);
	mask-image: linear-gradient(to left, black, transparent);
}

.gradient-image-mobile {
	-webkit-mask-image: none;
	mask-image: none;
}

.bg-main {
	background: var(--primary-color);
	color: var(--primary-contrast);
}

.bg-contrast{
    background: var(--primary-contrast);
    color: var(--secondary-color);
    border-color: var(--primary-contrast);
}

.btn-main{
    background: var(--primary-color);
	color: var(--primary-contrast);
    border-color: var(--primary-color);
}

.btn-main-outline{
    background: transparent;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.btn-main-outline:hover{
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    color: var(--primary-contrast);
}

.btn-contrast-outline{
    border: 1px solid var(--primary-contrast);
    color: var(--primary-contrast);
}

.text-slab{
    font-family: "Josefin Slab", serif;
}

.text-brown{
    color: var(--secondary-color);
}

.text-primary{
    color: var(--primary-color);
}

.text-contrast{
    color: var(--primary-contrast);
}

.border-contrast{
    border-color: var(--primary-contrast);
}