/*
 Optional custom fonts support
 ---------------------------------------------
 - Ghost injects CSS variables `--gh-font-body` and `--gh-font-heading`
   when fonts are configured in Design settings.
 - This file maps core typography to those variables with sensible fallbacks,
   so site owners can switch fonts without editing theme CSS.
*/

/* Base font stacks as fallbacks */
:root {
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
  --font-serif: Georgia, Times, "Times New Roman", serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* Body text uses Ghost body font variable if present */
body {
  font-family: var(--gh-font-body, var(--font-sans));
}

/* Headings use Ghost heading font variable if present */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--gh-font-heading, var(--font-sans));
}

/* Common themed elements that often define their own font-family */
.site-title,
.site-description,
.article-title,
.post-card-title,
.pagination a,
.comments h2 {
  font-family: var(--gh-font-heading, var(--font-sans));
}

/* Code/monospace elements */
code, kbd, pre, samp {
  font-family: var(--gh-font-mono, var(--font-mono));
}

/*
 If you want to self-host fonts, drop them into assets/webfonts or assets/fonts
 and add @font-face rules here, then reference them via the variables above.
 Example (using a relative URL from assets/css/ to assets/webfonts/):

 @font-face {
   font-family: "My Custom Sans";
   src: url("../webfonts/my-custom-sans.woff2") format("woff2");
   font-weight: 100 900;
   font-style: normal;
   font-display: swap;
 }
 :root { --font-sans: "My Custom Sans", system-ui, sans-serif; }
*/