/* CORE: base typography (self-hosted Inter) and layout guards against layout shift. */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/assets/vendor/fonts/inter.woff2') format('woff2');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/assets/vendor/fonts/inter.woff2') format('woff2');
}
body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}
#masterHeader { min-height: 70px; }
.note-card-wrapper { min-height: 120px; }
img { content-visibility: auto; }

/* Browser autofill keeps the input colours of the light / dark theme */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #f8fafc inset !important;
    -webkit-text-fill-color: #1e293b !important;
    transition: background-color 5000s ease-in-out 0s;
}
.dark input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #111827 inset !important;
    -webkit-text-fill-color: #f3f4f6 !important;
}
input::-ms-reveal, input::-ms-clear { display: block; }