/* ==========================================================================
   EAS Maritime — design tokens
   Every value below is derived from the approved drafts: colours sampled from
   native pixels, sizes measured as a ratio of the content container and then
   expressed against a 1280px container.
   ========================================================================== */

/* --- Manrope (self-hosted variable, 200–800) ----------------------------- */
@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url("../fonts/manrope-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;
}

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url("../fonts/manrope-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
		U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
		U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
		U+A720-A7FF;
}

:root {
	/* --- Brand palette (sampled from the EAS mark) ----------------------- */
	--eas-primary: #0067ab;
	--eas-primary-deep: #00558c;
	--eas-secondary: #00aac9;
	--eas-accent: #31cbcb;
	--eas-muted: #808082;

	/* --- Ink ------------------------------------------------------------- */
	--eas-ink: #1a1a1a;
	--eas-ink-strong: #000000;
	--eas-ink-soft: #6b6b6d;

	/* --- Surfaces -------------------------------------------------------- */
	--eas-surface: #f6f6f6;
	--eas-card: #ffffff;
	--eas-dark: #161618;
	--eas-dark-alt: #1a1a1a;
	--eas-line: #d9d9db;
	--eas-line-dark: rgba(255, 255, 255, 0.16);

	/* --- Role tokens -----------------------------------------------------
	   Measured in the drafts as PRIMARY, not accent cyan. Kept as their own
	   tokens so the brand can be switched to cyan in one place if wanted. */
	--eas-check: var(--eas-primary);
	--eas-node: var(--eas-primary);
	--eas-social: var(--eas-secondary);
	--eas-focus: var(--eas-secondary);

	/* --- Layout ----------------------------------------------------------
	   Draft containers measured symmetric and centred:
	   80.51% of page -> 1280px · 84.57% of page -> 1344px */
	--eas-container: 1280px;
	--eas-container-wide: 1344px;
	--eas-gutter: clamp(20px, 5vw, 40px);
	--eas-radius: 6px;
	--eas-radius-lg: 14px;

	/* Distance from the true viewport edge to where the standard wide
	   container's own edge sits (same centred/capped math .eas-container--wide
	   uses). Full-bleed sections use this so their IMAGE can still touch the
	   viewport edge while their TEXT stops at the site's normal content
	   boundary instead of running edge-to-edge on wide screens. */
	--eas-edge-inset: max(var(--eas-gutter), calc(50vw - (var(--eas-container-wide) / 2)));

	/* --- Vertical rhythm (CTA section measured 72px design padding) ------ */
	--eas-section-y: clamp(56px, 6.2vw, 80px);
	--eas-section-y-lg: clamp(64px, 7.4vw, 96px);
	--eas-stats-y: clamp(32px, 3.6vw, 46px);
	--eas-gap: clamp(20px, 2.4vw, 30px);
	--eas-gap-lg: clamp(28px, 3.6vw, 46px);

	/* --- Type scale (measured ink extents / 1280 container) -------------- */
	--eas-font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI",
		"Helvetica Neue", Arial, sans-serif;

	--eas-fs-h1: clamp(2.25rem, 1.05rem + 3.6vw, 4rem);      /* -> 64px */
	--eas-fs-h2: clamp(1.75rem, 1.02rem + 2.2vw, 2.875rem);  /* -> 46px */
	--eas-fs-h3: clamp(1.25rem, 1.02rem + 0.7vw, 1.75rem);   /* -> 28px */
	--eas-fs-h4: clamp(1.05rem, 0.95rem + 0.3vw, 1.25rem);   /* -> 20px */
	--eas-fs-stat: clamp(2rem, 1.2rem + 2.4vw, 3.125rem);    /* -> 50px */
	--eas-fs-lead: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem); /* -> 19px */
	--eas-fs-body: clamp(1rem, 0.97rem + 0.12vw, 1.0625rem); /* -> 17px */
	--eas-fs-sm: 0.9375rem;                                  /* -> 15px */
	--eas-fs-xs: 0.8125rem;                                  /* -> 13px */

	--eas-lh-h1: 1.08;
	--eas-lh-h2: 1.12;
	--eas-lh-h3: 1.25;
	--eas-lh-body: 1.6;
	--eas-lh-lead: 1.55;

	--eas-ls-eyebrow: 0.08em;

	/* --- Elevation ------------------------------------------------------- */
	--eas-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.06);
	--eas-shadow-header: 0 1px 0 rgba(0, 0, 0, 0.06), 0 6px 20px rgba(0, 0, 0, 0.07);

	--eas-header-h: 88px;
	--eas-ease: cubic-bezier(0.4, 0, 0.2, 1);
}