@charset "UTF-8";

@font-face {
    font-family: dominance;
    src: url(../fonts/dominance.woff2) format("woff2"), url(../fonts/dominance.woff) format("woff");
    font-style: normal;
    font-display: swap;
    font-weight: 400
}

@font-face {
    font-family: Branding;
    src: url(../fonts/fonnts.com-Branding-Light.woff2) format("woff2"), url(../fonts/fonnts.com-Branding-Light.woff) format("woff");
    font-style: normal;
    font-display: swap;
    font-weight: 350
}

@font-face {
    font-family: Branding;
    src: url(../fonts/Branding-Medium.woff2) format("woff2"), url(../fonts/Branding-Medium.woff) format("woff");
    font-style: normal;
    font-display: swap;
    font-weight: 700
}


:root {
    --custom-primary-color: #AE8B60;
    --custom-primary-hover-color: #AE8B60;
    --custom-secondary-color: #C69BB3;
    --custom-secondary-hover-color: #C69BB3;
    --custom-paragraph-color: #505553;
    --custom-link-color: #505553;
    --custom-link-hover-color: #505553;
    --custom-btn-primary-color: var(--custom-primary-color);
    --custom-btn-text-primary-color: #fff;
    --custom-btn-hover-primary-color: var(--custom-primary-hover-color);
    --custom-btn-secondary-color: var(--custom-secondary-color);
    --custom-btn-text-secondary-color: #fff;
    --custom-btn-hover-secondary-color: var(--custom-secondary-hover-color)
}

:root,
[data-bs-theme=light] {
    --bs-primary-rgb: 128, 52, 44
}

.primary-color {
    color: var(--custom-primary-color) !important
}

.secondary-color {
    color: var(--custom-secondary-color) !important
}

.paragraph-color {
    color: var(--custom-paragraph-color) !important
}

.link-color {
    color: var(--custom-link-color) !important
}

.bg-primary {
    background-color: var(--custom-primary-color) !important
}

.bg-secondary {
    background-color: var(--custom-secondary-color) !important
}

.h1,
.h3,
.h4,
.h5,
.h6,
.text-primary,
h1,
h3,
h4,
h5,
h6 {
    color: var(--custom-primary-color) !important
}

.h2,
.text-secondary,
h2 {
    color: var(--custom-secondary-color) !important
}

p {
    color: var(--custom-paragraph-color)
}

a {
    color: var(--custom-link-color);
    text-decoration: none;
    transition: all .3s ease
}

a:hover {
    color: var(--custom-link-hover-color)
}

.h1,
.text-primary,
h1 {
    font-family: dominance;
    font-size: 2.5rem;
    line-height: 3rem
}

.h2,
.h3,
.h4,
.h5,
.h6,
.text-secondary,
h2,
h3,
h4,
h5,
h6 {
    font-family: dominance;
    font-size: 2rem;
    line-height: 2.438rem
}

p {
    font-family: branding;
    font-size: 1rem;
    line-height: 1.5rem
}

.btn-primary {
    --bs-btn-color: var(--custom-btn-text-primary-color);
    --bs-btn-bg: var(--custom-btn-primary-color);
    --bs-btn-border-color: var(--custom-btn-primary-color);
    --bs-btn-hover-color: var(--custom-btn-text-primary-color);
    --bs-btn-hover-bg: var(--custom-btn-hover-primary-color);
    --bs-btn-hover-border-color: var(--custom-btn-hover-primary-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--custom-btn-text-primary-color);
    --bs-btn-active-bg: var(--custom-btn-hover-primary-color);
    --bs-btn-active-border-color: var(--custom-btn-hover-primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--custom-btn-text-primary-color);
    --bs-btn-disabled-bg: var(--custom-btn-primary-color);
    --bs-btn-disabled-border-color: var(--custom-btn-primary-color)
}

.btn-outline-primary {
    --bs-btn-color: var(--custom-btn-primary-color);
    --bs-btn-border-color: var(--custom-btn-primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--custom-btn-primary-color);
    --bs-btn-hover-border-color: var(--custom-btn-primary-color);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--custom-btn-primary-color);
    --bs-btn-active-border-color: var(--custom-btn-primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--custom-btn-primary-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--custom-btn-primary-color);
    --bs-gradient: none
}

.btn-secondary {
    --bs-btn-color: var(--custom-btn-text-secondary-color);
    --bs-btn-bg: var(--custom-btn-secondary-color);
    --bs-btn-border-color: var(--custom-btn-secondary-color);
    --bs-btn-hover-color: var(--custom-btn-text-secondary-color);
    --bs-btn-hover-bg: var(--custom-btn-hover-secondary-color);
    --bs-btn-hover-border-color: var(--custom-btn-hover-secondary-color);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: var(--custom-btn-text-secondary-color);
    --bs-btn-active-bg: var(--custom-btn-hover-secondary-color);
    --bs-btn-active-border-color: var(--custom-btn-hover-secondary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--custom-btn-text-secondary-color);
    --bs-btn-disabled-bg: var(--custom-btn-secondary-color);
    --bs-btn-disabled-border-color: var(--custom-btn-secondary-color)
}

.btn-primary,
.btn-secondary {
    transition: all .3s ease
}

.btn-primary:hover,
.btn-secondary:hover {
    transform: translateY(-2px)
}