:root {
    --bulma-primary-h: 33deg;
    --bulma-primary-l: 51%;
    --bulma-link-h: 28deg;
    --bulma-link-l: 50%;
    --bulma-danger-h: 360deg;
    --bulma-danger-l: 63%;
    --bulma-burger-h: 30deg;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bulma-scheme-h: 24;
    }
}

.has-background-black {
    /* TODO: adjust for dark theme */
    --bulma-black-h: 24;
    --bulma-black-s: 14%;
    --bulma-black-l: 9%;
}

.dropdown {
    --bulma-dropdown-item-h: 240;
    --bulma-dropdown-item-selected-h: 30deg;
}

.menu {
    --bulma-menu-item-h: 24;
    --bulma-menu-label-color: hsl(33, 14%, 50%);
    --bulma-menu-item-selected-h: 30deg;
}

.message {
    --bulma-message-h: 24;
}

.navbar {
    --bulma-navbar-h: 24;
    --bulma-navbar-item-selected-h: 30deg;
    --bulma-navbar-dropdown-item-h: 24;
}

.pagination {
    --bulma-pagination-item-h: 24;
    --bulma-pagination-selected-item-h: 30deg;
}

.notification {
    --bulma-notification-h: 24;
}

.tag {
    --bulma-tag-h: 24;
}

.input {
    --bulma-input-h: 24;
    --bulma-input-focus-h: 30deg;
}

.file {
    --bulma-file-h: 24;
}