/**
 * Design 2026 — design tokens (CSS custom properties)
 * Loaded on pages using 2026 header/footer (see si_uses_design_2026()).
 */

:root {
	--font-family-plain: 'Plain', sans-serif;
	--font-weight-thin: 290;
	--font-weight-regular: 400;

	/* Layout (~1600px design width) */
	--layout-max-width: 110rem;
	--layout-gutter-x: 1.5rem;
	--hero-min-height-fallback: 37.5rem;
	--hero-min-height: 100vh;
	--hero-shadow-gradient: linear-gradient(180deg, #02004c 0%, rgba(3, 1, 77, 0) 22.38%);
	--text-radial: radial-gradient(200.96% 108.1% at 55.9% 23.83%, #fff 0%, #b5deff 100%);

	/* Blue (primary) */
	--color-blue-lightest-2: #F0F5FF;
	--color-blue-lightest: #b2ddff;
	--color-blue-lighter: #80bfff;
	--color-blue-light: #4caffd;
	--color-blue: #0892ff;
	--color-blue-dark: #0053b9;
	--color-blue-darker: #004293;
	--color-blue-darkest: #002c61;

	/* Navy (secondary) */
	--color-navy-lightest: #004293;
	--color-navy-lighter: #002c61;
	--color-navy-light: #05234d;
	--color-navy: #031733;
	--color-navy-dark: #011026;
	--color-navy-darker: #010d1d;
	--color-navy-darkest: #000a19;
	--color-footer-bg: #F0F5FF;
	--color-footer-bar: #010051;
	--color-footer-bar-text: #e7ecf5;

	/* Berry */
	--color-berry-lightest: #fcccff;
	--color-berry-lighter: #eeb2ff;
	--color-berry-light: #ce80ff;
	--color-berry: #bc51ff;
	--color-berry-dark: #8f10df;
	--color-berry-darker: #5f01ac;
	--color-berry-darkest: #360057;

	/* Orange */
	--color-orange-lightest: #ffedb2;
	--color-orange-lighter: #ffdf80;
	--color-orange-light: #ffc233;
	--color-orange: #ffad00;
	--color-orange-dark: #a96a0b;
	--color-orange-darker: #6b3700;
	--color-orange-darkest: #402100;

	/* Green */
	--color-green-lightest: #a3ffdc;
	--color-green-lighter: #63ffc4;
	--color-green-light: #2beea5;
	--color-green: #00CB7F;
	--color-green-dark: #039d63;
	--color-green-darker: #007842;
	--color-green-darkest: #004425;

	/* Greyscale */
	--color-cloud-white: rgb(238, 247, 255);
	--color-grey-200: #e2ebf2;
	--color-grey-400: #d9e5f0;
	--color-grey-600: #d3e2ed;
	--color-grey-800: #c4d2e0;
	--color-grey-1000: #b1c1cf;
	--color-white: #ffffff;
	--color-black: #000000;
	--color-charcoal: #1e1e1e;
}

/* Typography + landing colour tokens (scoped to main content + footer) */
.site-main.landing,
.footer-2026 {
	--font-family-2026: var(--font-family-plain);

	/* Headlines */
	--h1-size: 6.25rem;      /* 100px */
	--h1-line: 1;
	--h1-tracking: -0.03em;

	--h2-size: 4.875rem;     /* 78px */
	--h2-line: 1;
	--h2-tracking: -0.03em;

	--h3-size: 3rem;         /* 48px */
	--h3-line: 1.1;
	--h3-tracking: -0.03em;

	--h4-size: 1.875rem;     /* 30px */
	--h4-line: 1.2;
	--h4-tracking: -0.02em;

	--h5-size: 1.375rem;     /* 22px */
	--h5-line: 1.3;
	--h5-tracking: -0.01em;

	--h6-size: 1rem;         /* 16px */
	--h6-line: 1.4;
	--h6-tracking: 0;

	/* Eyebrow headings */
	--eyebrow-size: 0.8125rem; /* 13px */
	--eyebrow-line: 1.4;
	--eyebrow-tracking: 0.02em;

	/* Body copy */
	--body-1-size: 4rem;       /* 64px */
	--body-1-line: 1.2;
	--body-1-tracking: -0.03em;

	--body-2-size: 1.875rem;   /* 30px */
	--body-2-line: 1.2;
	--body-2-tracking: -0.03em;

	--body-3-size: 1.125rem;   /* 18px */
	--body-3-line: 1.4;
	--body-3-tracking: 0;

	/* Quotes */
	--quote-1-size: 2.25rem;   /* 36px */
	--quote-1-line: 1.4;
	--quote-1-tracking: -0.03em;

	/* Colours — Colour Palette.pdf */
	--color-blue-lightest: #B2DDFF;
	--color-blue-lighter: #80BFFF;
	--color-blue-light: #4CAFFD;
	--color-blue: #0892FF;
	--color-blue-dark: #0053B9;
	--color-blue-darker: #004293;
	--color-blue-darkest: #002C61;

	--color-navy-lightest: #004293;
	--color-navy-lighter: #002C61;
	--color-navy-light: #05234D;
	--color-navy: #031733;
	--color-navy-dark: #011026;
	--color-navy-darker: #010D1D;
	--color-navy-darkest: #000A19;

	--color-berry-lightest: #FCCCFF;
	--color-berry-lighter: #EEB2FF;
	--color-berry-light: #CE80FF;
	--color-berry: #BC51FF;
	--color-berry-dark: #8F10DF;
	--color-berry-darker: #5F01AC;
	--color-berry-darkest: #360057;

	--color-orange-lightest: #FFEDB2;
	--color-orange-lighter: #FFDF80;
	--color-orange-light: #FFC233;
	--color-orange: #FFAD00;
	--color-orange-dark: #A96A0B;
	--color-orange-darker: #6B3700;
	--color-orange-darkest: #402100;

	--color-green-lightest: #A3FFDC;
	--color-green-lighter: #63FFC4;
	--color-green-light: #2BEEA5;
	--color-green: #00CB7F;
	--color-green-dark: #039D63;
	--color-green-darker: #007842;
	--color-green-darkest: #004425;

	--color-cloud-white: #EEF7FF;
	--color-grey-200: #E2EBF2;
	--color-grey-400: #D9E5F0;
	--color-grey-600: #D3E2ED;
	--color-grey-800: #C4D2E0;
	--color-grey-1000: #B1C1CF;
	--color-white: #FFFFFF;
	--color-black: #000000;
	--color-charcoal: #1E1E1E;
}

@media (max-width: 767.98px) {
	.site-main.landing,
	.footer-2026 {
		--h1-size: 3rem;
		--h2-size: 2.5rem;
		--h3-size: 2rem;
		--h4-size: 1.5rem;
		--h5-size: 1.25rem;
		--h6-size: 1rem;

		--body-1-size: 1.875rem;
		--body-2-size: 1.375rem;
		--body-3-size: 0.875rem;

		--quote-1-size: 1.5rem;
	}
}