:root {
    --ig-bg-header: #f3e4c9;
    --ig-bg-sidebar: hsl(39, 63%, 85%);
    --bg-dark: #0f111a;
    --bg-light: hsl(39, 63%, 97%);
}

.dark {
    --ig-bg-header: var(--bg-dark);
    --ig-bg-sidebar: var(--bg-dark);
    --bg-light: var(--bg-dark);
}

body {
    background: var(--bg-light);
}

#navbarDefault {
    background-color: var(--ig-bg-sidebar);
}

.navbar-vertical {
    background-color: var(--ig-bg-header);
}

.navbar-vertical-content {
    background-color: var(--ig-bg-header);
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: auto !important;
    line-height: inherit;
}