@media all {
    :root {
        /* Redifine bs-variables color */
        /* Primary color */
        --bs-primary-rgb: var(--color-primary-rgb);
        --bs-primary: var(--color-primary);
        --bs-primary-rgb-hover: var(--color-primary-rgb-hover);
        --bs-primary-hover: var(--color-primary-hover);

        /* Secondary color */
        --bs-secondary-rgb: var(--color-secondary-rgb);
        --bs-secondary: var(--color-secondary);
        --bs-secondary-rgb-hover: var(--color-secondary-rgb-hover);
        --bs-secondary-hover: var(--color-secondary-hover);

        /* Link color */
        --bs-link-color: var(--color-secondary);
        --bs-link-hover-color: var(--color-primary-hover);

        /* Redifine bs-variables font */
        --bs-body-font-family: "Open Sans", sans-serif;
        --bs-body-font-size: clamp(1rem, 0.9rem + 0.6vw, 1.25rem);

        /* Redifine bs-variables spaces */
        --bs-gutter-x: var(--gap-5);
        --bs-gutter-y: var(--gap-10);
    }

    .page,
    .row {
        --bs-gutter-x: inherit;
    }

    /* ###### Defining buttons ###### */
    .btn {
        --bs-btn-border-radius: 0;
        --bs-btn-font-size: inherit;
        --bs-btn-padding-x: var(--gap-2);
        --bs-btn-padding-y: var(--gap);
        border-width: 4px;
    }

    .btn-primary, 
    .btn-secondary {
        --bs-btn-disabled-color: var(--color-text-light);
        --bs-btn-disabled-bg: var(--bs-grey);
        --bs-btn-disabled-border-color: var(--bs-grey)
    }

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

    .btn-secondary {
        --bs-btn-color: var(--bs-secondary);
        --bs-btn-bg: transparent;
        --bs-btn-border-color: var(--bs-secondary);
        --bs-btn-hover-color: var(--color-text-light);
        --bs-btn-hover-bg: var(--bs-secondary-hover);
        --bs-btn-hover-border-color: var(--bs-secondary-hover);
        --bs-btn-focus-shadow-rgb: var(--color-secondary-rgb);
        --bs-btn-active-color: var(--color-text-light);
        --bs-btn-active-bg: var(--bs-secondary-hover);
        --bs-btn-active-border-color: var(--bs-secondary-hover);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }
    
    .btn-link {
        --bs-btn-focus-shadow-rgb: var(--color-primary-rgb);
        text-decoration: inherit;
    }

    [class*="container"] {
        --bs-gutter-x: inherit;
        --bs-gutter-y: inherit;
    }

    .dropdown-menu {
        --bs-dropdown-padding-y: 0;
        --bs-dropdown-spacer: 0.125rem;
        --bs-dropdown-font-size: inherit;
        --bs-dropdown-color: inherit;
        --bs-dropdown-bg: rgb(255, 255, 255);
        --bs-dropdown-border-color: var(--bs-border-color-translucent);
        --bs-dropdown-border-radius: var(--border-radius-half);
        --bs-dropdown-border-width: 0;
        --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
        --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
        --bs-dropdown-divider-margin-y: 0;
        --bs-dropdown-box-shadow: var(--box-shadow);
        --bs-dropdown-link-color: inherit;
        --bs-dropdown-link-hover-color: var(--color-text-light);
        --bs-dropdown-link-hover-bg: var(--color-primary);
        --bs-dropdown-link-active-color: rgb(255, 255, 255);
        --bs-dropdown-link-active-bg: var(--color-primary);
        --bs-dropdown-item-padding-x: var(--gap-5);
        --bs-dropdown-item-padding-y: 0.625em;
        --bs-dropdown-header-color: rgb(108, 117, 125);
        --bs-dropdown-header-padding-x: 1rem;
        --bs-dropdown-header-padding-y: 0.5rem;
        box-shadow: var(--box-shadow);
    }

    .breadcrumb {
        --bs-breadcrumb-margin-bottom: var(--gap-6);
    }

    .pagination {
        --bs-pagination-active-bg: var(--color-primary);
        --bs-pagination-active-border-color: var(--color-primary);
        --bs-pagination-active-background-color: var(--color-primary);
    }

    /* Defining navigation */
    .navbar {
        --bs-navbar-color: var(--color-text-dark);
        --bs-navbar-hover-color: var(--color-primary);
        --bs-navbar-active-color: var(--color-primary);
    }
    
    .navbar :is(.active, .current) .nav-link {
        --bs-nav-link-color: var(--color-primary);
    }
}

@media (min-width: 62rem) {
    .navbar {
        --bs-navbar-nav-link-padding-x: var(--padding-navigation-item-x);
        --bs-navbar-nav-link-padding-y: var(--padding-navigation-item-y);
    }
}