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

/*
  Typography override without changing layout logic:
  - Keep Squarespace style nuances (weight/spacing/size)
  - Replace missing/serif-prone families with Montserrat
*/

/* Alias Squarespace font names to Montserrat so existing rules keep working */
@font-face {
  font-family: "proxima-nova";
  src: local("Montserrat");
  font-style: normal;
  font-weight: 300 700;
}

@font-face {
  font-family: "freight-sans-pro";
  src: local("Montserrat");
  font-style: normal;
  font-weight: 300 700;
}

:root {
  --site-sans: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* Core Squarespace typography variables */
  --heading-font-font-family: var(--site-sans) !important;
  --body-font-font-family: var(--site-sans) !important;
  --primary-button-font-font-family: var(--site-sans) !important;
  --site-title-font-font-family: var(--site-sans) !important;
  --mobile-site-title-font-font-family: var(--site-sans) !important;
}

/* Safety net: no serif on main text primitives */
body,
h1, h2, h3, h4, h5, h6,
p, li, a,
button, input, select, textarea {
  font-family: var(--site-sans) !important;
}


/* Keep nav text visible while Squarespace webfonts are loading */
html.wf-loading .header-title-text a,
html.wf-loading .header-nav-item a,
html.wf-loading .header-menu-nav-item a,
html.wf-loading .header-actions .sqs-button-element--primary {
  color: inherit !important;
  opacity: 1 !important;
}