@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
    --bs-body-font-family: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

body {
    font-family: var(--bs-body-font-family);
}

h1,
h2,
h3,
h4,
h5,
h6,
.navbar-brand,
.btn {
    font-family: var(--bs-body-font-family);
}

.theme-toggle__icon {
    display: block;
    height: 1rem;
    width: 1rem;
}

.theme-toggle__sun,
[data-bs-theme="dark"] .theme-toggle__moon {
    display: none;
}

[data-bs-theme="dark"] .theme-toggle__sun {
    display: block;
}

.theme-toggle__text {
    font-size: 0.8125rem;
    font-weight: 600;
}

@media (max-width: 640px) {
    .theme-toggle__text {
        display: none;
    }
}