/* wwwroot/css/custom.css */

/* Apply Google "Inter" font everywhere */
html, body, aside, nav, main, .prose {
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Sidebar and navigation adjustments */
aside, nav {
    font-size: 0.8125rem;
    color: var(--text-dark, #222B45);
}

    /* Sidebar links */
    aside a {
        color: inherit;
        text-decoration: none;
        transition: color 0.2s ease, text-decoration 0.2s ease;
    }

        aside a:hover {
            text-decoration: underline;
        }

/* Headings inherit the Inter font with weight emphasis */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
    font-weight: 600;
    line-height: 1.3;
}

/* Improve dark mode readability */
html.dark body,
html.dark aside,
html.dark nav {
    color: #e5e7eb;
    background-color: var(--sidebar-dark, #23272F);
}

/* Optional: smooth transition for mode changes */
.dark-mode-transition {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

blockquote {
    margin: 1em 0;
    padding-left: 1em;
    border-left: 4px solid #ccc;
    font-style: italic;
    color: #555;
}