/* =========================================================================
   Heights Brand Fonts — Miller Banner (serif display), Quentin (script),
   Nunito (sans). Self-hosted, loaded once, shared by all Heights widgets.
   ========================================================================= */

@font-face {
	font-family: 'Miller Banner';
	src: url('../fonts/millerbanner-semibold.woff2') format('woff2');
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Quentin';
	src: url('../fonts/quentin.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Nunito';
	src: url('../fonts/nunito-regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Nunito';
	src: url('../fonts/nunito-italic.woff2') format('woff2');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Nunito';
	src: url('../fonts/nunito-semibold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Nunito';
	src: url('../fonts/nunito-bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Nunito';
	src: url('../fonts/nunito-extrabold.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Nunito';
	src: url('../fonts/nunito-black.woff2') format('woff2');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

/* ----------------------------------------------------------------------
   Brand tokens (sampled from the live Pearl Island site)
   ------------------------------------------------------------------- */
:root {
	--hx-serif:  'Miller Banner', 'Playfair Display', Georgia, serif;
	--hx-script: 'Quentin', 'WindSong', cursive;
	--hx-sans:   'Nunito', 'Helvetica Neue', Arial, sans-serif;

	--hx-pink:       #F1BAD7; /* CTA / announcement pink            */
	--hx-pink-dark:  #E79FC7; /* hover pink                          */
	--hx-teal-dark:  #062C2F; /* hero / nav dark teal                */
	--hx-teal-deep:  #002726; /* deepest teal (overlays)             */
	--hx-slate:      #626A82; /* serif heading slate blue            */
	--hx-sky:        #D7EEF4; /* light blue band                     */
	--hx-cream:      #F7EFE0; /* cream boxes                         */
	--hx-paper:      #FAF9F5; /* footer off-white                    */
	--hx-sand:       #FFEFAF; /* star accents on dark photos         */
	--hx-body:       #56606E; /* body copy grey                      */
}

/* ----------------------------------------------------------------------
   Apply the brand fonts to every Heights widget
   ------------------------------------------------------------------- */
.hog, .hsc, .hmm, .hfaq, .hib, .hmq, .htl,
.ht-card, .ht-section {
	font-family: var(--hx-sans);
}

.hog h1, .hog h2, .hog h3, .hog h4,
.hsc-title,
.hmm-mega-featured h3,
.hfaq h2, .hfaq-q,
.htl h2, .htl h3 {
	font-family: var(--hx-serif);
	font-weight: 600;
}