/*
  Centralized font stylesheet
  How to use:
  - Change the font families below (CSS variables) to switch site-wide fonts.
  - Apply fonts via variables:
      body { font-family: var(--font-family-base); }
      h1, h2, h3, h4, h5, h6 { font-family: var(--font-family-heading); }
  - Utility classes are provided for one-off usage: .font-base, .font-heading, .font-mono
*/

/* Load Google Fonts here so all pages get them via this single CSS file */
@import url("https://fonts.googleapis.com/css2?family=Arbutus+Slab&family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap");

:root {
  /* Primary text font */
  --font-family-base: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  /* Headings / titles font */
  --font-family-heading: "Arbutus Slab", Georgia, "Times New Roman", serif;

  /* Monospace (for code or tables if needed) */
  --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  /* Optional base sizing */
  --font-size-base: 16px;
  --line-height-base: 1.6;
  --font-weight-normal: 400;
  --font-weight-bold: 700;
}

/* Global defaults (safe overrides) */
html { font-size: var(--font-size-base); }
body {
  font-family: var(--font-family-base);
  line-height: var(--line-height-base);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-heading);
}

/* Ensure common UI components and form controls don't fall back to generic stacks */
button,
input,
select,
textarea,
label,
.navbar,
.nav,
.dropdown-menu,
.btn,
.card,
.accordion,
.modal,
.list-group,
.badge,
.alert,
.table,
.breadcrumb,
.pagination {
  font-family: var(--font-family-base);
}

/* Utilities */
.font-base { font-family: var(--font-family-base) !important; }
.font-heading { font-family: var(--font-family-heading) !important; }
.font-mono { font-family: var(--font-family-mono) !important; }