@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

:root,
[data-bs-theme=light] {
    --kio-primary-light: #f5dbc3;
    --kio-primary: #e6a668;
    --kio-primary-rgb: 230, 166, 104;
    --kio-primary-dark: #df8d3d;
    --kio-primary-dark-rgb: 221, 132, 47;
    --kio-primary-darker: #c97421;

    --bs-primary: var(--kio-primary);
    --bs-primary-rgb: var(--kio-primary-rgb);

    --bs-link-color: var(--kio-primary);
    --bs-link-color-rgb: var(--kio-primary-rgb);
    --bs-link-hover-color: var(--kio-primary-dark);
    --bs-link-hover-color-rgb: var(--kio-primary-dark-rgb);
}

.btn-primary {
    --bs-btn-bg: var(--kio-primary);
    --bs-btn-border-color: var(--kio-primary);
    --bs-btn-hover-bg: var(--kio-primary-dark);
    --bs-btn-hover-border-color: var(--kio-primary-dark);
    --bs-btn-active-bg: var(--kio-primary-darker);
    --bs-btn-active-border-color: var(--kio-primary-darker);
    --bs-btn-disabled-bg: var(--kio-primary-light);
    --bs-btn-disabled-border-color: var(--kio-primary-light);
}

html {
    scroll-behavior: auto !important;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--kio-primary)
}

a {
    text-decoration: var(--bs-link-decoration);
}

.bi::before,
[class*=" bi-"]::before,
[class^=bi-]::before {
    vertical-align: 0;
}

button .bi::before,
button [class*=" bi-"]::before,
button [class^=bi-]::before {
    vertical-align: -.1em;
}

[data-bs-theme=light] .logo-dark {
    display: none;
}

[data-bs-theme=dark] .logo-light {
    display: none;
}

#header-navbar .shop-pages i:before {
    vertical-align: -0.2em;
}

#header-navbar .shop-pages .icon-link {
    margin-top: 0.2em;
}