/*
 * Cozy Fonts — Unified Typography System (CSS Custom Properties)
 *
 * Defines the three-tier font variables used across the entire app.
 * Google Fonts are loaded via <link> tags in HTML (faster, more reliable
 * than @import). This file provides the CSS variables only.
 *
 * HTML pages should include BOTH:
 *   <link rel="stylesheet" href="/shared/cozy-fonts.css">
 *   <link href="https://fonts.googleapis.com/css2?..." rel="stylesheet">
 *
 * Then use CSS variables:
 *   font-family: var(--font-family-title);   Bungee — headers, HUD
 *   font-family: var(--font-family-ui);      Space Grotesk — buttons, nav
 *   font-family: var(--font-family-body);    DM Sans — body text
 */

:root {
    --font-family-title: 'Bungee', 'Impact', 'Haettenschweiler',
                         'Arial Narrow Bold', sans-serif;

    --font-family-ui: 'Space Grotesk', -apple-system, BlinkMacSystemFont,
                      'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif;

    --font-family-body: 'DM Sans', -apple-system, BlinkMacSystemFont,
                        'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial',
                        'Noto Sans', sans-serif;

    --font-family-primary: var(--font-family-body);
}