/* ==========================================================================
   Brand override — navy / orange / Montserrat
   Load this AFTER customstyle.css (same or higher specificity wins by
   source order for :root). Because the whole site already runs on the
   CSS custom properties below, redefining them here re-themes every
   component that references var(--091733), var(--a0f751), etc. —
   no need to touch the other ~8,700 lines of customstyle.css.
   ========================================================================== */

:root {
	/* Primary navy — was #091733 (dark navy), now brand navy per style guide
	   CMYK 100/63/11/45, RGB 2/60/105 */
	--091733: #023c69;

	/* Secondary/hover navy — was #122242 (a lighter tint of the old navy,
	   used for hover states). Kept the same "lighter tint" relationship,
	   scaled onto the new navy instead of guessing a random shade. */
	--122242: #0b4778;

	/* Accent — was #a0f751 (lime green), now brand orange per style guide
	   CMYK 0/71/100/0, RGB 236/103/31 */
	--a0f751: #ec671f;

	/* Typography — was "Inter Tight", now Montserrat per style guide.
	   Both variables updated since the file references either depending
	   on context. */
	--inter-tight: "Montserrat", sans-serif;
	--_typography---font-family--inter-tight: "Montserrat", sans-serif;
}

/* Brand's signature two-tone gradient swatch (navy → brighter blue,
   CMYK 89/69/8/0 ≈ RGB 28/79/235). Not tied to an existing variable
   since the original file didn't have a dedicated gradient token —
   use this utility class wherever the design calls for that gradient
   (hero backgrounds, buttons, etc.) */
:root {
	--gradient-blue-end: #1c4feb;
}
.brand-gradient-bg {
	background-image: linear-gradient(135deg, var(--091733) 0%, var(--gradient-blue-end) 100%);
}

/* The existing dark-overlay gradient at line ~6261 of customstyle.css
   (linear-gradient(180deg, #09173333 12.02%, var(--091733))) already
   references var(--091733), so it inherits the new navy automatically
   — no edit needed there. */