/* CSS Variables for fonts */
:root {
    --font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-secondary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    
    /* Override Bootstrap's monospace font variable */
    --bs-font-monospace: var(--font-secondary);
}

body {
    font-family: var(--font-secondary) !important;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--primary-color) !important;
    margin-bottom: 0.7em;
    opacity: 0.9;
    font-family: var(--font-primary) !important;
}

.secondary-font, #secondary-font {
    font-family: var(--font-secondary);
    font-weight: 300;
}

.primary-font, #primary-font {
    font-family: var(--font-primary);
    font-weight: 500;
}

/* Code and monospace font */
code, pre, .font-mono {
    font-family: var(--font-secondary);
    font-weight: 400;
}