/* FairBooks brand overrides for the docs site.
   Fonts and colours mirror the app and marketing site:
   - Bricolage Grotesque (headings), Instrument Sans (body)
   - Terracotta #C45C3E (primary), Eucalyptus #4A7C59 (accent)
   Font files are self-hosted woff2 (latin subset, variable) so the docs
   load no fonts from a third party. */

@font-face {
  font-family: "Bricolage Grotesque";
  src: url("../assets/fonts/bricolage-grotesque.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Sans";
  src: url("../assets/fonts/instrument-sans.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

/* Brand colours. `primary`/`accent` are set to `custom` in mkdocs.yml. The
   theme resolves vars like --md-typeset-a-color from these at :root, so the
   override must live on :root (loaded last) rather than on the body attribute. */
:root {
  --md-primary-fg-color: #c45c3e;
  --md-primary-fg-color--light: #d07b62;
  --md-primary-fg-color--dark: #a34a31;
  --md-accent-fg-color: #4a7c59;
  --md-accent-fg-color--transparent: #4a7c591a;
  --md-typeset-a-color: #a34a31;
}

/* Typography: Instrument Sans for body/UI, Bricolage Grotesque for headings. */
:root {
  --md-text-font-family: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

body,
input,
.md-typeset,
.md-nav,
.md-search__input {
  font-family: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6,
.md-header__title,
.md-nav__title,
.md-tabs__link {
  font-family: "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif;
}