/* Central AGAPE GLOBAL values shared by the website and editor. */
:root {
	--agape-navy: #12263f;
	--agape-navy-deep: #0c1b2e;
	--agape-teal: #007a86;
	--agape-turquoise: #29b8c8;
	--agape-blue: #2664b8;
	--agape-green: #3e7960;
	--agape-warm: #f6f5f1;
	--agape-white: #fff;
	--agape-ink: #192a3d;
	--agape-muted: #5b6b7f;
	--agape-line: #dde5ea;
	--agape-footer-muted: #bdcad8;
	--agape-footer-line: #34455c;
	--agape-soft-teal: #e9f5f4;
	--agape-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--agape-font-editorial: Georgia, "Times New Roman", serif;
	--agape-type-xs: 0.8125rem;
	--agape-type-sm: 0.9375rem;
	--agape-type-base: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
	--agape-type-lg: clamp(1.125rem, 1.025rem + 0.4vw, 1.375rem);
	--agape-type-xl: clamp(1.375rem, 1.1rem + 0.8vw, 1.875rem);
	--agape-type-h1: clamp(2.5rem, 1.5rem + 3vw, 4.75rem);
	--agape-type-h2: clamp(1.75rem, 1.25rem + 1.5vw, 2.75rem);
	--agape-type-h3: clamp(1.375rem, 1.125rem + 0.75vw, 1.875rem);
	--agape-type-hero: clamp(1.875rem, 0.9rem + 4.1vw, 4.75rem);
	--agape-type-greek: clamp(4.5rem, 2rem + 8vw, 9.5rem);
	--agape-home-heading: clamp(1.875rem, 1.2rem + 2vw, 3.125rem);
	--agape-home-process-number: clamp(2.5rem, 2rem + 1.2vw, 3.5rem);
	--agape-home-section-space: clamp(3.5rem, 2.5rem + 3vw, 6.75rem);
	--agape-home-layout-gap: clamp(2rem, 1rem + 3vw, 5rem);
	--agape-weight-medium: 500;
	--agape-weight-semibold: 600;
	--agape-weight-bold: 700;
	--agape-leading-body: 1.7;
	--agape-leading-heading: 1.12;
	--agape-leading-ui: 1.3;
	--agape-tracking-heading: -0.035em;
	--agape-tracking-label: 0.08em;
	--agape-space-1: 0.25rem;
	--agape-space-2: 0.5rem;
	--agape-space-3: 0.75rem;
	--agape-space-4: 1rem;
	--agape-space-5: 1.25rem;
	--agape-space-6: 1.5rem;
	--agape-space-8: 2rem;
	--agape-space-10: 2.5rem;
	--agape-space-12: 3rem;
	--agape-space-16: 4rem;
	--agape-space-20: 5rem;
	--agape-section-space: clamp(2.5rem, 2rem + 2vw, 4.5rem);
	--agape-gutter: clamp(1.25rem, 0.75rem + 2vw, 3rem);
	--agape-container-width: 80rem;
	--agape-content-width: 48rem;
	--agape-header-height: 5rem;
	--agape-touch-target: 2.75rem;
	--agape-admin-offset: 0px;
	--agape-brand-mark-size: 2.25rem;
	--agape-icon-size: 1.25rem;
	--agape-language-width: 17rem;
	--agape-nav-gap: clamp(0.75rem, 1.4vw, 1.75rem);
	--agape-radius-sm: 0.375rem;
	--agape-radius-md: 0.75rem;
	--agape-radius-pill: 100vmax;
	--agape-border-width: 1px;
	--agape-focus-width: 3px;
	--agape-focus-offset: 4px;
	--agape-shadow-header: 0 2px 12px rgb(12 27 46 / 0.055);
	--agape-shadow-menu: 0 16px 40px rgb(12 27 46 / 0.12);
	--agape-duration-fast: 160ms;
	--agape-duration-panel: 200ms;
	--agape-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--agape-layer-header: 100;
	--agape-layer-menu: 110;
	--agape-layer-skip: 100000;
}
