/**
 * GPE token variables — keep in sync with assets/css/dp/_tokens.scss
 */

@font-face {
	font-family: Raleway;
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url("../../fonts/raleway-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
		U+2212, U+2215, U+FEFF, U+FFFD;
}

.dp-landing,
.dp-landing-root,
body.dp-site-page {
	--dp-color-navy-dark: #04182f;
	--dp-color-navy-deep: #0b2748;
	--dp-color-navy-hero: #1f2e47;
	--dp-color-blue-band: #16477c;
	--dp-color-gold-primary: #c89a2b;
	--dp-color-gold-bright: #ebc45e;
	--dp-color-gold-muted: #dcc9a3;
	--dp-color-white: #ffffff;
	--dp-color-surface: #f2f2f2;
	--dp-color-body: #59616b;
	--dp-color-muted: #8c949e;
	--dp-color-border-neutral: #bfc7d1;
	--dp-color-placeholder-surface: #e0e5ed;
	--dp-color-placeholder-border: #d1d9e0;
	--dp-color-video-placeholder: #736147;
	--dp-font-display: "Raleway", ui-sans-serif, system-ui, sans-serif;
	--dp-font-ui: "Raleway", ui-sans-serif, system-ui, sans-serif;
	--dp-text-display-xl: clamp(2.75rem, 7vw, 4.5rem);
	--dp-text-display-lg: clamp(2.5rem, 5vw, 4rem);
	--dp-text-heading-xl: clamp(2rem, 4vw, 3rem);
	--dp-text-heading-lg: clamp(1.75rem, 3vw, 2.5rem);
	--dp-text-heading-md: clamp(1.5rem, 2.5vw, 2rem);
	--dp-text-lead: clamp(1.125rem, 2vw, 1.5rem);
	--dp-text-body-lg: clamp(1.0625rem, 0.3vw + 1rem, 1.25rem);
	--dp-text-body-md: clamp(1rem, 0.2vw + 0.95rem, 1.125rem);
	--dp-text-body-sm: clamp(0.875rem, 0.1vw + 0.85rem, 0.9375rem);
	--dp-text-label-sm: 0.75rem;
	--dp-line-height-body: 1.7;
	--dp-line-height-lead: 1.6;
	--dp-measure-prose: 65ch;
	--dp-measure-prose-wide: min(52rem, 72ch);
	--dp-paragraph-gap: 1em;
	--dp-text-button-lg: 1.25rem;
	--dp-text-button-md: 1rem;
	--dp-page-padding-x: clamp(1em, 4svw, 6em);
	--dp-section-padding-y: 5rem;
	--dp-section-padding-y-sm: 3.75rem;
	--dp-header-height: 5.75rem;
	--dp-brand-mark-height: 3.3rem;
	--dp-brand-mark-inset: 1em;
	--dp-brand-mark-width: calc(
		var(--dp-brand-mark-height) * 1102.78 / 374.95
	);
	--dp-brand-mark-slot-width: calc(
		var(--dp-brand-mark-inset) + var(--dp-brand-mark-width)
	);
	--dp-max-content: 78rem;
	--dp-scroll-margin: var(--dp-header-height);
	--dp-gap-section: 2.5rem;
	--dp-gap-content: 1.5rem;
	--dp-gap-content-sm: 1rem;
	--dp-gap-content-xs: 0.75rem;
	--dp-gap-grid: 2rem;
	--dp-gap-grid-sm: 1.25rem;
	--dp-radius-sm: 4px;
	--dp-radius-badge: 1.25rem;
	--dp-border-accent: 1px solid var(--dp-color-gold-muted);
	--dp-accent-rule-height: 4px;
	--dp-accent-rule-width: 5rem;
	--dp-hero-parallax-rate: 0.25;
	--dp-hero-media-object-position: center bottom;
	--dp-hero-text-shadow: 0 0 27.5px #000;
	--dp-countdown-border: 1px solid rgb(255 255 255 / 25%);
	--dp-header-backdrop: linear-gradient(
		66deg,
		rgb(11 39 72 / 0%) 10%,
		rgb(11 39 72 / 78%) 30%
	);
	--dp-shadow-soft: 0 18px 48px rgb(11 39 72 / 12%);
	--dp-button-primary-bg: var(--dp-color-gold-primary);
	--dp-button-primary-text: var(--dp-color-navy-deep);
	--dp-button-secondary-border: 2px solid var(--dp-color-white);
	--dp-button-padding: 1rem 2rem;
	--dp-registration-band-bg: var(--dp-color-gold-muted);
	--dp-registration-modal-padding-y: clamp(1rem, 2.5vw, 1.35rem);
	--dp-registration-modal-padding-x: clamp(1rem, 3vw, 1.5rem);
	--dp-registration-modal-gap: 1rem;
	--dp-registration-modal-form-padding: 0.75rem;
	--dp-footer-bg: var(--dp-color-navy-deep);
	color: var(--dp-color-body);
	font-family: var(--dp-font-display);
	font-size: var(--dp-text-body-md);
	line-height: var(--dp-line-height-body);
}

.dp-landing [id] {
	scroll-margin-top: var(--dp-scroll-margin);
}

@media (max-width: 900px) {
	.dp-landing,
	.dp-landing-root,
	body.dp-site-page {
		--dp-page-padding-x: 1.5rem;
		--dp-section-padding-y: 3rem;
		--dp-header-height: 4.5rem;
	}
}