/* Typography Common Styles */
:root {
    --font-primary: 'Outfit', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-secondary: 'Consolas', Monaco, 'Lucida Console', monospace;
}

/* Base Typography */
body {
    font-family: var(--font-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary);
}

/* Paragraphs and other text elements */
p, .menu>a {
    font-family: var(--font-secondary);
}

.copyright {
    font-family: var(--font-primary);
}

.menu {
    font-family: var(--font-primary);
}

/* Ensure proper font loading */
@font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NjuGObqx1XmO1I4TC0O40.woff2) format('woff2');
}

/* Typography weights */
h1, h2 {
    font-weight: 800;
}

h3 {
    font-weight: 900;
}

p {
    font-weight: 400;
}

.menu {
    font-weight: 900;
}

.copyright {
    font-weight: 900;
}