@font-face {
    font-family: "Parslay";
    src: url("../fonts/ParslayRegular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Behind The Nineties";
    src: url("../fonts/Behind-The-Nineties.otf") format("opentype");
    font-weight: 600 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Behind The Nineties";
    src: url("../fonts/Behind-The-Nineties-Rg.otf") format("opentype");
    font-weight: 100 500;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-primary: #953d20;
    --color-secondary: #ebe1d5;

    --font-family: "DM Sans", sans-serif;
    --font-parslay: "Parslay", cursive;
    --font-nineties: "Behind The Nineties", sans-serif;
}

body {
    font-family: var(--font-family);
    background-color: var(--color-secondary);
}

a {
    text-decoration: none;
    color: inherit;
}

.pointer {
    cursor: pointer;
}

.not-allowed {
    cursor: not-allowed;
}

/* FONT */
.font-body {
    font-family: var(--font-family);
}

.font-parslay {
    font-family: var(--font-parslay);
}

.font-nineties {
    font-family: var(--font-nineties);
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
}

/* BACKGROUND */
.bg-color-primary {
    background-color: var(--color-primary);
    color: #ffffff;
}

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

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

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

/* BORDER */
.border-color-primary {
    border-color: var(--color-primary) !important;
}

.border-color-secondary {
    border-color: var(--color-secondary);
}

/* DROPDOWN */
.dropdown-item:active,
.dropdown-item.active,
.dropdown-item:focus {
    background-color: var(--color-primary) !important;
    color: var(--color-secondary) !important;
}

/* BUTTON */
.btn-color-primary {
    color: #fff;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-color-primary:hover,
.btn-color-primary:focus,
.btn-color-primary:active,
.btn-color-primary.active,
.show > .btn-color-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-color-primary:disabled,
.btn-color-primary.disabled {
    color: #fff;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    opacity: 0.65;
}

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

.btn-outline-color-primary:hover,
.btn-outline-color-primary:focus,
.btn-outline-color-primary:active,
.btn-outline-color-primary.active,
.show > .btn-outline-color-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-outline-color-primary:disabled,
.btn-outline-color-primary.disabled {
    color: var(--color-primary);
    background-color: transparent;
}

/* FORM */
.form-check-input:checked {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.form-check-input:focus {
    border-color: var(--color-primary) !important;
    box-shadow: 0 0 0 0.25rem rgba(149, 61, 32, 0.25) !important;
}

.form-check-input:active {
    filter: brightness(90%);
}