/*

Copyright (c) 2026 Doe & Co. Mechanical LLC

Theme Name: Doe & Co. HVAC
Description: Fonts for Doe & Co. HVAC
Version: 1.0

*/

/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/doeandcohvac/assets/fonts/poppins/poppins-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/themes/doeandcohvac/assets/fonts/poppins/poppins-v24-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/doeandcohvac/assets/fonts/poppins/poppins-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/doeandcohvac/assets/fonts//montserrat/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/themes/doeandcohvac/assets/fonts/montserrat/montserrat-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('/wp-content/themes/doeandcohvac/assets/fonts/montserrat/montserrat-v31-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/doeandcohvac/assets/fonts/montserrat/montserrat-v31-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Use in html to target specific elements */
.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.montserrat-regular {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.montserrat-medium {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.montserrat-italic {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: italic;
}
.montserrat-semibold {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

/* Global font variables */
:root {
  --font-primary: "Poppins", sans-serif;
  --font-secondary: "Montserrat", sans-serif;
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-xl: clamp(2.0rem, 3vw + 1.0rem, 3.25rem);
  --font-l: clamp(1.5rem, 1.5vw + 1.0rem, 2.75rem);
  --font-m: clamp(1.25rem, 0.9vw + 1.0rem, 1.75rem);
  --font-s: clamp(1.1rem, 0.3vw + 1.0rem, 1.5rem);
  --font-xs: clamp(0.8rem, 0.2vw + 0.8rem, 1.0rem);
}

/* Global font styles */
body {
  font-family: var(--font-primary);
  font-weight: var(--font-medium);
  font-style: normal;
}

h1 {
  font-family: var(--font-primary);
  font-weight: var(--font-medium);
  font-style: normal;
  text-wrap: balance;
}

h3, h5 {
  font-family: var(--font-secondary);
  font-weight: var(--font-semibold);
  font-style: normal;
  font-optical-sizing: auto;
  text-wrap: balance;
}

p {
  font-family: var(--font-secondary);
  font-weight: var(--font-medium);
  font-style: normal;
  font-optical-sizing: auto;
  text-wrap: pretty;
}

address {
  font-style: normal;
}

span {
  text-wrap: balance;
}

/* Global font sizes */
html { font-size: 16px; }
h1 { font-size: var(--font-xl); }
h3 { font-size: var(--font-l); }
h5 { font-size: var(--font-m); }
p, 
address,
summary,
span, 
li, 
i { font-size: var(--font-s); }

/*  Focused font sizes */
.site-credits div:last-child address,
.site-credits div:last-child span {
  font-size: var(--font-xs);
}