/* NoteFlow — tokens globales (tipografía, radios, sombras) */
:root {
    --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-display: "Plus Jakarta Sans", var(--font-sans);
    --nf-radius-sm: 6px;
    --nf-radius-md: 10px;
    --nf-radius-lg: 14px;
    --nf-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
    --nf-shadow-md: 0 4px 14px rgba(15, 23, 42, 0.08);
    --nf-color-brand: #5452d3;
    --nf-color-brand-hover: #4340c0;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: var(--font-sans);
}

.logo-container .logo,
.sidebar .logo,
.hero h1,
.bienvenida h2,
.recientes h2,
.nf-heading-display {
    font-family: var(--font-display);
    font-weight: 700;
    letter-spacing: -0.02em;
}