/* =============================================================
   Botia Studio — Typography tokens
   The webfonts themselves are loaded from Google Fonts via a
   <link> in index.html (preconnect + one request, no @import
   chain). This file only defines the family stacks, so a font
   swap is a one-line change here.
   ============================================================= */

:root {
  /* Display / body sans — Instrument Sans (variable, 400–700) */
  --font-sans: 'Instrument Sans', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Editorial serif used for headlines */
  --font-serif: 'Instrument Serif', Georgia, 'Times New Roman', serif;

  /* Script accent — used sparingly for pull quotes */
  --font-script: 'Pinyon Script', 'Instrument Serif', cursive;

  /* UI / fallback */
  --font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Generated component CSS resolves every family through this var. */
:root {
  --botia-font-family: var(--font-sans);
}