/* screen.css */

:root {
    --bulma-primary-h: 194deg;
    --bulma-primary-s: 20%;
    --bulma-primary-l: 49%;

    /*
    --bulma-link-h: 0deg;
    --bulma-link-s: 21%;
    --bulma-link-l: 25%;
     */

    --bulma-link-h: 0deg;
    --bulma-link-s: 0%;
    --bulma-link-l: 90%;

    --bulma-family-primary: "Instrument Sans", sans-serif;
    --bulma-family-secondary: "Instrument Sans", sans-serif;
    --bulma-body-family: "Instrument Sans", sans-serif;

    /* Body type target: ~16px → ~18px across small → large phones */
    --min-root: 100%;    /* ~16px baseline (respects user/browser settings) */
    --max-root: 112.5%;  /* ~18px upper bound */

    /* Comfortable reading settings */
    --body-line-height: 1.5;
}

html {
    font-size: clamp(var(--min-root), 96% + 0.8vw, var(--max-root)); /* ~16px -> 18px */
    -webkit-text-size-adjust: 100%;
}

@media (max-width: 360px) {
    html {
        font-size: clamp(106.25%, 100% + 1vw, var(--max-root)); /* ~17px -> 18px */
    }
}

body {
    line-height: var(--body-line-height);
    text-rendering: optimizeLegibility;
    letter-spacing: normal;
    font-weight: 400;
}

/* Apply these rules to all links that are not of class "button" */
a:not(.button) {
    text-decoration: underline;
}

/* Remove underline on hover for all links that are not of class "button" */
a:not(.button):hover {
    text-decoration: none;
}

/* Ensure link color remains the same for visited and active states for all links that are not of class "button" */
a:not(.button):visited, a:not(.button):active {
    color: inherit;
}

/* Override the rules for any link that is a child of the <header><nav> structure */
.navbar-brand a, #novelcraftedNavbar a {
    text-decoration: none;
}

header nav a:hover {
    text-decoration: none; /* This line is redundant but can be included for clarity */
}

header nav a:visited, header nav a:active {
    color: inherit;
}

.aboreto-regular {
    font-family: "Aboreto", system-ui;
    font-style: normal;
    font-weight: 400;
}