/*
  =============================================================
  fonts.css — SOURCE FILE (NOT LOADED BY ANY HTML PAGE)
  =============================================================
  NOTE FOR DEVELOPERS:
    This file has been merged into core.css for performance.
    No HTML page loads this file directly anymore.
    To edit font settings, open css/core.css and find SECTION 1.
    This file is kept as a readable source reference only.
  =============================================================
  fonts.css
  =============================================================
  PURPOSE:
    Loads the Inter typeface from Google Fonts and applies it
    globally across every element on the page.

  HOW IT WORKS:
    The @import pulls Inter directly from Google Fonts CDN.
    Weights loaded: 400 (regular), 500 (medium),
                    600 (semibold), 700 (bold).
    The universal selector (* plus pseudo-elements) ensures
    no element inherits a different font by accident.

  IF YOU NEED TO CHANGE THE FONT:
    1. Replace the @import URL with the new Google Fonts URL.
    2. Update the font-family value in the * rule below.
    3. If self-hosting, swap @import for @font-face blocks
       and point src: url() at your local font files.

  ANTIALIASING:
    -webkit-font-smoothing: antialiased  → macOS/iOS Chrome/Safari
    -moz-osx-font-smoothing: grayscale   → macOS Firefox
    These make the font render crisper on retina screens.
    They have no effect on Windows or Android.
  =============================================================
*/

/* Load Inter from Google Fonts — 4 weights, swap prevents FOIT */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* Apply Inter to everything, including ::before and ::after pseudo-elements */
*, *::before, *::after {
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;  /* Crisp text on macOS/iOS (WebKit) */
  -moz-osx-font-smoothing: grayscale;  /* Crisp text on macOS Firefox        */
}