/* css/critical.css */

/* Base */
:root{
    --c-primary: #2c9eaf;
    --c-text: #333;
    --c-muted: rgba(51,51,51,0.65);
    --c-border: rgba(0,0,0,0.06);

    --font-body: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --font-display: "Kalnia", Georgia, "Times New Roman", serif;

    --header-h: 4.25rem; /* 68px */
}

html{
    text-size-adjust: 100%;
}

body{
    margin: 0;
    background: #fff;
    color: var(--c-text);
    font-family: var(--font-body);
}

/* Titoli: font display */
h1,h2,h3,h4,h5,h6,.display-font{
    font-family: var(--font-display);
}

/* Offset pagine sotto navbar fixed */
.page-offset{
    padding-top: var(--header-h);
}

/* Navbar: stabilizza altezza per evitare CLS */
.navbar{
    min-height: var(--header-h);
}

/* Preloader: evita flash e layout shift */
.yoshia-preloader{
    position: fixed;
    inset: 0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

/* .yoshia-preloader__logo: dimensioni e animazione definite in preloader.css
   (caricato quando il preloader è attivo). Non duplicare qui per evitare
   conflitti — Bug #1 fix. */

/* Footer: bordo base (cosi non cambia quando carica il CSS completo) */
.site-footer{
    border-top: 0.0625rem solid var(--c-border);
}