/* ============================================================
   FONTS — Happy Technologies
   Display: Inter (headings, numbers, UI labels)
   Body:    Jost (paragraphs, supporting copy)
   Both served from Google Fonts (the production site links them
   the same way). @import pulls in the @font-face rules.
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Jost:wght@400;500;600;700&display=swap");

:root {
  /* Base families */
  --font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Semantic aliases */
  --font-heading: var(--font-display);
  --font-ui: var(--font-display);
  --font-numeric: var(--font-display);
  --font-text: var(--font-body);
}