:root {
    /* Brand colors */
    --primary: #da3616;
    --primary-rgb: 218, 54, 22;
    --primary-light: #ee846f;

    --secondary: #2d231b;
    --secondary-light: #745d4b;
    --secondary-rgb: 45, 35, 27;

    /*neutral*/
    --neutral: #f1f1f1;
    --neutral-dark: #c6c6c6;
    --neutral-semi-light: #f5f5f5;

    --bs-light: #D6D8D9;
    --bs-light-rgb: 214, 216, 217;

    --bs-body-color: #0f0f0f;
    --bs-emphasis-color: var(--bs-body-color);

    --bs-border-radius: .3rem;
    --bs-border-radius-sm: .3rem;
    --bs-border-radius-lg: .3rem;
    --bs-border-radius-xl: .5rem;
    --bs-border-radius-xxl: 1rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
}

.card {
    --bs-card-border-color: var(--neutral-dark);
}

.pagination {
    --bs-pagination-color: var(--primary);
    --bs-pagination-active-bg: var(--bs-body-color);
    --bs-pagination-active-border-color: var(--bs-body-color);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--secondary-rgb), .25);
}

.back-to-top.back-to-top {
    background-color: var(--bs-body-color);
}

.back-to-top.back-to-top:hover {
    background-color: rgba(var(--secondary-rgb), .25);
}

.badge {
    --bs-badge-font-weight: 400;
    --bs-badge-border-radius: .25rem;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--secondary);
    --bs-nav-link-color: var(--seondary);
    --bs-link-hover-color: var(--primary);
}