@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Victor+Mono:ital,wght@0,100..700;1,100..700&display=swap');

:root {
    --bulma-primary-h: 31deg;
    --bulma-primary-s: 29%;
    --bulma-primary-l: 70%;
    --bulma-link-h: 32deg;
    --bulma-link-s: 91%;
    --bulma-link-l: 25%;
    --bulma-family-primary: "IBM Plex Sans", sans-serif;
    --bulma-family-code: "Victor Mono", monospace;
}

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

.content {
    --bulma-content-heading-line-height: 0.75;
    --bulma-content-heading-color: var(--bulma-primary);
    border-left: 3px solid var(--bulma-primary);
    padding-left: 1rem;
    margin: 0rem !important;
    font-size: 115%;

    a {
        color: var(--bulma-link);
    }

    a:hover {
        color: var(--bulma-link-hover);
    }
}

.nowrap {
    white-space: nowrap;
}

/* Override Bulma because it's not using the correct font-family */
.is-family-monospace {
    font-family: var(--bulma-family-code) !important;
}

.has-border-primary {
    border: 1px solid var(--bulma-primary);
}

.has-border-success {
    border: 1px solid var(--bulma-success);
}

.has-border-danger {
    border: 1px solid var(--bulma-danger);
}

.has-background-ai {
    background: linear-gradient(135deg, rgba(39, 142, 211, 0.50), rgba(126, 74, 222, 0.50) 50%, rgba(222, 53, 166, 0.50) 82%, rgba(249, 115, 22, 0.50))
}