/* typography.css — font-family tokens and base type rules.
   Single source of truth for the four-font system:
     --font-sans    : Geist Sans (body copy, paragraph text, detail headings)
     --font-mono    : Geist Mono (UI chrome, labels, nav, buttons, metadata, code)
     --font-display : Major Mono Display (section titles, page-hero titles)
     --font-hero    : Chakra Petch (landing hero title only — angular cyberpunk)
   Loaded before app.css so component rules can reference the tokens.
   No visual change by itself; tokens replace the repeated literal stacks so a
   future font swap is a one-line edit and all fallback chains stay consistent. */

:root {
  --font-sans: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, SFMono-Regular,
    Menlo, Consolas, "Liberation Mono", monospace;
  --font-display: "Major Mono Display", "Geist Mono", ui-monospace, monospace;
  --font-hero: "Chakra Petch", "Geist", "Inter", ui-sans-serif, system-ui,
    -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}