html, body {
    scroll-behavior: smooth;
}

:root {
    /* Typography */
    --bs-font-sans-serif: "Space Grotesk", Inter, sans-serif;

    /* Buttons */
    --bs-button-border-radius: 3px;
    --bs-border-radius: 3px;
    
    /* Inputs */
    --bs-body-bg: rgba(238, 238, 238, 0.60);
}

/* Inputs */
.form-control {
    border: 0;
    padding: .575rem .85rem;
}

/* Buttons */
.btn-primary {
    --bs-btn-bg: #243819;
    --bs-btn-border-color: #243819;
    --bs-btn-hover-bg: #36492b;
    --bs-btn-hover-border-color: #36492b;
    --bs-btn-active-bg: #1d2a16;
    --bs-btn-active-border-color: #1d2a16;
}

.btn-outline-primary {
    --bs-btn-color: #243819;
    --bs-btn-border-color: #243819;
    --bs-btn-hover-bg: #36492b;
    --bs-btn-hover-border-color: #36492b;
    --bs-btn-active-border-color: #1d2a16;

}