/* ============================================================================
   Brushworks Pro Services — Font Stack
   ----------------------------------------------------------------------------
   Cinzel    — display / wordmark (matches the source's tall Roman caps)
   Montserrat — eyebrow / tagline / button labels (wide-tracked sans)
   Inter     — body, UI, navigation (variable, excellent on screens)

   Loaded from Google Fonts with display=swap so first paint never blocks on
   font load. Replace with self-hosted @font-face once you've picked weights
   you actually use — the import below ships several you may not need.
   ============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');

/* Optical sizing + features for nicer display text.
   Apply to anything using Cinzel via .bw-display or [data-font="display"]. */
.bw-display,
[data-font="display"] {
  font-family: var(--bw-font-display);
  font-feature-settings: "liga" 1, "kern" 1, "ss01" 1;
  font-optical-sizing: auto;
  letter-spacing: var(--bw-tracking-wide);
}

.bw-eyebrow,
[data-font="eyebrow"] {
  font-family: var(--bw-font-eyebrow);
  text-transform: uppercase;
  letter-spacing: var(--bw-tracking-widest);
  font-weight: var(--bw-weight-medium);
}

.bw-body,
[data-font="body"] {
  font-family: var(--bw-font-body);
  font-feature-settings: "kern" 1, "calt" 1, "ss01" 1, "cv11" 1;
  font-optical-sizing: auto;
}

.bw-mono,
[data-font="mono"] {
  font-family: var(--bw-font-mono);
  font-feature-settings: "liga" 0;
}
