@font-face {
    font-family: 'Verona-Web';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/verona/verona-regular-webfont.woff2') format('woff2');
}

@font-face {
    font-family: 'Verona-Web';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/verona/verona-bold-webfont.woff2') format('woff2');
}

:root {
    --bulma-body-size: 17px;
    --bulma-text: black;
    --bulma-font-secondary: 'Verona-Web', Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;

    @media (prefers-color-scheme: dark) {
        --bulma-text: var(--bulma-light);
    }
}

body:not(.is-home)s #main-view {
    --bulma-background-l: 96%;
}

h1.title,
.h1.title {
    --bulma-title-weight: var(--bulma-weight-normal);
    font-family: var(--bulma-font-secondary);
    font-weight: var(--bulma-title-weight);
}

h2.title,
h2.subtitle,
.h2.title,
h3.title,
h3.subtitle,
.h3.title,
h4.title,
h4.subtitle,
.h4.title,
h5.title,
h5.subtitle,
.h5.title,
.subtitle {
    --bulma-subtitle-weight: var(--bulma-weight-semibold);
    font-family: var(--bulma-font-primary);
    font-weight: var(--bulma-subtitle-weight);
}

@media screen and (max-width: 768px) {
    .titlebar {
        background: none !important;
        backdrop-filter: initial !important;
        --bulma-text-s: 0;
        --bulma-text-l: 0;
    }

    .titlebar-item {
        background-color: var(--bulma-grey-lighter);
        border-radius: var(--bulma-radius-medium);
        padding: 0.25rem;
    }

    .titlebar-item svg {
        stroke: var(--bulma-text);
    }

    @media (prefers-color-scheme: dark) {
        .titlebar-item {
            background-color: var(--bulma-grey-dark);
        }
    }
}