/* Unified Font Definitions for All Pages
 * Ensures consistent typography across the entire site
 * Following Design Guide: "Two fonts maximum per page"
 */

/* ========================================
 * Base Font Variables
 * ======================================== */
:root {
    /* Primary font for body text and UI */
    --font-primary: 'Verdana', 'Arial', 'Helvetica', sans-serif;
    
    /* Secondary font for monospace/technical content */
    --font-secondary: 'Courier New', 'Courier', monospace;
}

/* ========================================
 * Base HTML/Body Font Application
 * ======================================== */
html {
    font-family: var(--font-primary);
}

body {
    font-family: var(--font-primary);
    font-size: 12px;
    line-height: 1.5;
}

/* Ensure all text elements inherit the primary font */
p, div, span, td, th, li, a, label, input, textarea, select, button {
    font-family: var(--font-primary);
}

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

/* Monospace for code/technical content */
code, pre, .monospace {
    font-family: var(--font-secondary);
}