body {
    --bs-body-font-family: 'Roboto', sans-serif;
    --bs-body-color: #50555b;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    --bs-heading-color: #50555b;
}

.btn {
    --bs-btn-border-width: 2px;
    --bs-btn-border-radius: 3px;
}

.btn-primary {
    --bs-btn-color: #50555b;
    --bs-btn-bg: #ffffff;
    --bs-btn-border-color: #50555b;

    --bs-btn-hover-color: #50555b;
    --bs-btn-hover-bg: #f2f2f2;
    --bs-btn-hover-border-color: #f2f2f2;

    --bs-btn-active-color: #50555b;
    --bs-btn-active-bg: #f2f2f2;
    --bs-btn-active-border-color: #f2f2f2;
}

.btn-secondary {
    --bs-btn-color: #50555b;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;

    --bs-btn-hover-color: #50555b;
    --bs-btn-hover-bg: #f2f2f2;
    --bs-btn-hover-border-color: #f2f2f2;

    --bs-btn-active-color: #50555b;
    --bs-btn-active-bg: #f2f2f2;
    --bs-btn-active-border-color: #f2f2f2;
}