:root {
    --color-dark-grey: #494949;
    --color-baby-powder: #FFFDF6;
    --color-floral-white: #FAF6E9;
    --color-eggshell: #ECE8D9;
    --color-vanilla: #FFE79E;

    --bulma-background: var(--color-baby-powder);
    --bulma-body-background-color: var(--color-baby-powder);

    --bulma-text: var(--color-dark-grey);
    --bulma-text-strong: var(--color-dark-grey);
    --bulma-link-text: var(--color-dark-grey);

    --bulma-border: var(--color-eggshell);
    --bulma-primary: var(--color-vanilla);

    --bulma-navbar-item-active-background-color: var(--color-vanilla);
    --bulma-navbar-item-selected-background-color: var(--color-vanilla);
    --bulma-navbar-item-background-h: var(--color-baby-powder);

    --bulma-family-primary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
    --bulma-family-secondary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
    --bulma-family-code: Inconsolata, Hack, SF Mono, Roboto Mono, Source Code Pro, Ubuntu Mono, monospace;
}

a {
    padding: 0.5em;
    border: 2px solid var(--color-vanilla);
    border-radius: 1em;
    background-color: var(--color-vanilla);
    text-decoration: underline;
}

.button {
    --bulma-button-hover: var(--color-vanilla);
    --bulma-primary-hover: var(--color-vanilla);
}

.navbar {
    --bulma-navbar-item-img-max-height: 3rem;
}

.footer {
    --bulma-footer-background-color: var(--color-floral-white);
}