/*
 * Typography — Gas-Free Cities
 *
 * Per design brief §3.1: system fonts only — no external CDN, no self-hosted files.
 *
 * Display / headings (H1, H2): Georgia, 'Times New Roman', serif
 * Body / UI / navigation:      system-ui, -apple-system, BlinkMacSystemFont, sans-serif
 *
 * Rationale: system fonts render instantly, require zero HTTP requests,
 * respect the user's OS preferences, and are GDPR-neutral.
 */

/*
 * Flag emoji polyfill — self-hosted Twemoji font.
 * Windows does not include flag emoji in its system font (Segoe UI Emoji).
 * This font is loaded only when the JS polyfill detects missing flag support
 * (see main.js). On macOS/iOS the system font takes precedence and this
 * font is never used.
 */
@font-face {
  font-family: 'TwemojiCountryFlags';
  unicode-range: U+1F1E0-1F1FF, U+1F3F4, U+E0062-E0063, U+E0065, U+E0067,
                 U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;
  src: url('/assets/fonts/TwemojiCountryFlags.woff2') format('woff2');
  font-display: swap;
}