/* Design tokens. The only file allowed to hold raw color values. See docs 04, 05 and 06. */

:root {
	/* Colors */
	--ads-color-navy: #0B1F3A;
	--ads-color-navy-dark: #021631;
	--ads-color-navy-soft: #E8EDF5;
	--ads-color-gold: #D99A1E;
	--ads-color-gold-light: #F3BD01;
	--ads-color-text: #1F2937;
	--ads-color-text-muted: #5B6472;
	--ads-color-bg: #FFFFFF;
	--ads-color-bg-alt: #F5F7FA;
	--ads-color-border: #E3E7ED;
	--ads-color-success: #1E7B4F;
	--ads-color-error: #B42318;

	--ads-overlay-navy: linear-gradient(90deg, rgba(11,31,58,.92) 0%, rgba(11,31,58,.70) 55%, rgba(11,31,58,.35) 100%);

	/* Fonts */
	--ads-font-heading: "Playfair Display", Georgia, "Times New Roman", serif;
	--ads-font-body: "Montserrat", "Segoe UI", Arial, sans-serif;

	/* Fluid sizes: mobile to desktop */
	--ads-fs-display: clamp(2.25rem, 1.6rem + 3vw, 3.5rem);
	--ads-fs-h1: clamp(2rem, 1.5rem + 2.2vw, 3rem);
	--ads-fs-h2: clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem);
	--ads-fs-h3: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);
	--ads-fs-h4: 1.125rem;
	--ads-fs-body: 1.0625rem;
	--ads-fs-small: .875rem;
	--ads-fs-eyebrow: .8125rem;

	--ads-lh-tight: 1.2;
	--ads-lh-body: 1.7;
	--ads-ls-caps: .14em;

	/* Spacing */
	--ads-space-1: .25rem;
	--ads-space-2: .5rem;
	--ads-space-3: .75rem;
	--ads-space-4: 1rem;
	--ads-space-5: 1.5rem;
	--ads-space-6: 2rem;
	--ads-space-7: 3rem;
	--ads-space-8: 4rem;
	--ads-space-9: 6rem;

	--ads-section-py: clamp(3.5rem, 2.5rem + 4vw, 6rem);
	--ads-container: 2400px;
	--ads-gutter: clamp(1.25rem, 4vw, 5rem);

	/* Radius */
	--ads-radius-sm: 4px;
	--ads-radius: 8px;
	--ads-radius-lg: 14px;

	/* Shadows */
	--ads-shadow-sm: 0 1px 3px rgba(11,31,58,.08);
	--ads-shadow: 0 8px 24px rgba(11,31,58,.10);
	--ads-shadow-lg: 0 16px 40px rgba(11,31,58,.16);

	--ads-transition: .25s ease;
}