/* ==========================================================================
   Mind Maprs — design tokens
   Derived from the approved v3 concept. Sharp geometry (no radii), a light
   institutional surface set, Sora for display and Public Sans for body.
   ========================================================================== */

:root {
	/* --- Colour ------------------------------------------------------- */
	--mm-ink: #111C2B;
	--mm-navy: #14264A;
	--mm-deep: #0B1220;

	--mm-blue: #1F7BA8;
	--mm-sky: #65BEE8;
	--mm-sky-soft: #BFDDF0;
	--mm-sky-tint: #EAF4FB;

	--mm-muted: #3E4E66;
	--mm-muted-soft: #54657F;
	--mm-muted-faint: #7C8CA4;

	--mm-line: #E3E8F0;
	--mm-line-strong: #C6D2E2;
	--mm-line-faint: #EDF1F7;

	--mm-white: #FFFFFF;
	--mm-surface: #F7F9FC;
	--mm-surface-alt: #F2F5F9;

	--mm-positive: #2E7D4F;
	--mm-caution: #C88A18;
	--mm-critical: #B03636;

	/* --- Type --------------------------------------------------------- */
	--mm-font-display: 'Sora', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--mm-font-body: 'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--mm-font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, monospace;

	--mm-size-eyebrow: 11px;
	--mm-size-xs: 13px;
	--mm-size-sm: 14px;
	--mm-size-base: 16px;
	--mm-size-lg: clamp(16.5px, 1.45vw, 20px);
	--mm-size-xl: clamp(20px, 1.9vw, 24px);
	--mm-size-h3: clamp(20px, 1.9vw, 26px);
	--mm-size-h2: clamp(26px, 2.7vw, 42px);
	--mm-size-h1: clamp(30px, 3.6vw, 52px);
	--mm-size-display: clamp(38px, 4.6vw, 68px);

	--mm-leading-tight: 1.08;
	--mm-leading-snug: 1.32;
	--mm-leading-body: 1.64;

	--mm-track-display: -0.038em;
	--mm-track-heading: -0.028em;
	--mm-track-tight: -0.018em;
	--mm-track-eyebrow: 0.18em;
	--mm-track-eyebrow-wide: 0.2em;

	/* --- Space -------------------------------------------------------- */
	--mm-space-2xs: 6px;
	--mm-space-xs: 10px;
	--mm-space-sm: 16px;
	--mm-space-md: 24px;
	--mm-space-lg: 36px;
	--mm-space-xl: 56px;
	--mm-space-2xl: 80px;

	--mm-gutter: clamp(20px, 3vw, 48px);
	--mm-section-y: clamp(56px, 7vw, 96px);
	--mm-section-y-sm: clamp(40px, 5vw, 64px);
	--mm-container: 1320px;
	--mm-measure: 34em;
	--mm-measure-narrow: 26em;

	/* --- Chrome ------------------------------------------------------- */
	--mm-header-h: 78px;
	--mm-radius: 0;
	--mm-border: 1px solid var(--mm-line);
	--mm-border-strong: 1px solid var(--mm-line-strong);
	--mm-shadow-panel: 0 30px 80px -28px rgba(20, 38, 74, 0.35);
	--mm-shadow-card: 0 18px 44px -26px rgba(20, 38, 74, 0.30);

	--mm-ease: cubic-bezier(0.32, 0.72, 0, 1);
	--mm-duration: 180ms;

	--mm-focus: 2px solid var(--mm-blue);
	--mm-focus-offset: 2px;
}

/* Bridge the theme.json presets onto the private token names, so block markup
   and hand-written markup resolve to exactly the same values. */
:root {
	--wp--custom--container: var(--mm-container);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--mm-duration: 1ms;
	}
}