:root {
    --navbar-height: 5rem;
    --bulma-primary: #3642AE;
    --bulma-primary-darker: #26329E;
    --bulma-info: #1c7f78;
    --bulma-info-darker: #0c6f68;
    --bulma-link: var(--bulma-primary);
    --bulma-primary-font: "Ubuntu", sans-serif;
}

body {
    font-family: var(--bulma-primary-font);
}

select {
    font-family: var(--bulma-primary-font);
}

input {
    font-family: var(--bulma-primary-font);
}

.has-text-primary {
    color: var(--bulma-primary);
}
.icon.has-text-primary {
    color: var(--bulma-primary) !important;
}


.has-text-info {
    color: var(--bulma-info);
}
.icon.has-text-info {
    color: var(--bulma-info) !important;
}

.hero.is-primary {
    background-color: var(--bulma-primary);
    color: white;
}
.hero.is-primary .title {
    color: white;
}

.hero.is-info {
    background-color: var(--bulma-info);
    color: white;
}
.hero.is-info .title {
    color: white;
}
.tag.is-info {
    background-color: var(--bulma-info);
    color: white;
}

.button.is-primary {
    background-color: var(--bulma-primary);
    color: white;
}

.button.is-primary:hover {
    background-color: var(--bulma-primary-darker);
    color: white;
}

.button.is-info {
    background-color: var(--bulma-info);
    color: white;
}
.button.is-info:hover {
    background-color: var(--bulma-info-darker);
    color: white;
}


.button.is-primary.is-outlined {
    background-color: transparent;
    color: var(--bulma-primary);
    border-color: var(--bulma-primary);
}

.navbar-item.is-selected {
    background-color: var(--bulma-primary) !important;
    color: white;
}

.pagination-link.is-current {
    background-color: var(--bulma-primary);
    color: white;
    border: none;
}