/* Self-hosted fonts. Files live at /SiteSpecific/CustomContent/fonts/.
   URLs are all-lowercase ON PURPOSE: the IIS "LowerCaseRule" redirects any URL
   containing capitals, and that redirect breaks over HTTPS (mixed-content block).
   A lowercase URL skips the rule; Windows/IIS matches the files case-insensitively. */

/* Montserrat (body) - variable, weights 100-900 */
@font-face {
  font-family: "Montserrat";
  src: url("/sitespecific/customcontent/fonts/montserrat.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Cormorant (headings) - variable, weights 300-700 */
@font-face {
  font-family: "Cormorant";
  src: url("/sitespecific/customcontent/fonts/cormorant.ttf") format("truetype-variations");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Font families */
  --font-heading: "Cormorant", Georgia, "Times New Roman", serif;  /* h1–h4 */
  --font-body: "Montserrat", Arial, sans-serif;                    /* everything else */

  /* Font weights (named, so intent is clear at call sites) */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Type scale - one source of truth for sizes */
  --text-xs: 0.8rem;
  --text-sm: 0.85rem;
  --text-base: 0.9rem;
  --text-md: 1.1rem;
  --text-lg: 1.5rem;
  --text-xl: 2rem;

  /* Responsive heading scale (Major third, ratio ~1.25).
     clamp(min = mobile, preferred = fluid vw, max = desktop). */
  --h1: clamp(28px, 4vw,   40px);
  --h2: clamp(24px, 3.2vw, 32px);
  --h3: clamp(20px, 2.5vw, 25px);
  --h4: clamp(18px, 2vw,   20px);

  /* Existing */
  --button-text: 12px;
}

/* Default everything to the body font + base paragraph type settings */
body {
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: 1.5;
  letter-spacing: 0px;
}

h5, h6,
p, a, button, input, textarea {
  font-family: inherit;
}

/* Headings 1–4 use the heading font */
h1, h2, h3, h4 {
  font-family: var(--font-heading);
  line-height: 1.2;
  font-weight: var(--weight-regular);
  letter-spacing: normal;
}

h1 { font-size: var(--h1); }
h2 { font-size: var(--h2); }
h3 { font-size: var(--h3); }
h4 { font-size: var(--h4); }

.body-md {
  font-size: var(--text-base);
  font-weight: var(--weight-regular);
}