/*
 * ExploreGod brand design tokens, ported from corporate-eg src/global/base.scss.
 * Keep variable names identical to corporate-eg for future sync.
 * Breakpoints (reference, corporate-eg src/global/functions.scss): xsm 400px, sm 640px, md 960px, lg 1280px, xl 1600px.
 */
:root {
	/* Spacing */
	--space-px: 1px;
	--space-1: 0.25rem;
	--space-2: calc(2 * var(--space-1));
	--space-3: calc(3 * var(--space-1));
	--space-4: calc(4 * var(--space-1));
	--space-5: calc(5 * var(--space-1));
	--space-6: calc(6 * var(--space-1));
	--space-7: calc(7 * var(--space-1));
	--space-8: calc(8 * var(--space-1));
	--space-10: calc(10 * var(--space-1));
	--space-12: calc(12 * var(--space-1));
	--space-14: calc(14 * var(--space-1));
	--space-16: calc(16 * var(--space-1));

	--space-20: calc(20 * var(--space-1));
	--space-24: calc(24 * var(--space-1));
	--space-28: calc(28 * var(--space-1));
	--space-32: calc(32 * var(--space-1));
	--space-36: calc(36 * var(--space-1));

	--space-40: calc(40 * var(--space-1));
	--space-48: calc(48 * var(--space-1));
	--space-56: calc(56 * var(--space-1));
	--space-64: calc(64 * var(--space-1));
	--space-72: calc(72 * var(--space-1));
	--space-80: calc(80 * var(--space-1));

	--space-88: calc(88 * var(--space-1));
	--space-100: calc(100 * var(--space-1));

	--space-110: calc(110 * var(--space-1));
	--space-120: calc(120 * var(--space-1));
	--space-130: calc(130 * var(--space-1));
	--space-140: calc(140 * var(--space-1));
	--space-150: calc(150 * var(--space-1));

	/* Colors */
	--color-blue: #2476ae;
	--color-blue-muted: #b8dcf0;
	--color-navy-muted: #1e344d;
	--color-navy: #112236;
	--color-navy-intense: #0a1522;
	--color-navy-light: #216292;
	--color-brown: #413e3e;
	--color-gray: #c7c8cb;
	--color-green: #a0bc8f;
	--color-yellow: #edc964;
	--color-tan: #f5edd9;
	--color-black: #000000;

	--color-primary-muted: #1b6ca5;
	--color-primary: #0d5689;
	--color-primary-intense: #07385b;

	--color-light-muted: #e9ebec;
	--color-light: #f4f5f6;
	--color-light-intense: #fff;
	--color-off-white: #f9f9f9;

	--color-link-default: #267ab5;
	--color-link-hover: #004a7f;

	--color-ui-intense: #9da7af;
	--color-ui: #b9c0c6;
	--color-ui-muted: #d6dade;

	--border-width: 1.5px;
	--border-radius: 2rem;

	--border-light: 1px solid #1028401a;

	/* Typography */
	--font-sans:
		'Epilogue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
		Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
	--font-serif:
		'Lark', Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua',
		Georgia, serif;

	/* Font sizes (fluid responsive typography) */
	--font-size-h1: clamp(2rem, 1.5rem + 2.5vw, 3.75rem);
	--font-size-h2: clamp(1.75rem, 1.375rem + 2vw, 3rem);
	--font-size-h3: clamp(1.5rem, 1.25rem + 1.25vw, 2.25rem);
	--font-size-h4: clamp(1.25rem, 1.0625rem + 0.9375vw, 1.8125rem);
	--font-size-h5: clamp(1.125rem, 1.0625rem + 0.3125vw, 1.25rem);
	--font-size-h6: 1rem;

	--font-size-p: clamp(1rem, 0.875rem + 0.625vw, 1.25rem);
	--font-size-p1: clamp(0.85rem, 0.875rem + 0.625vw, 1rem);
	--font-size-p2: 0.65rem;
	--font-size-p3: 0.55rem;

	--font-size-nav: clamp(0.85rem, 0.875rem + 0.625vw, 1rem);
	--font-size-subnav: clamp(0.8rem, 0.85rem + 0.625vw, 0.9rem);

	--text-regular: 400;
	--text-semi-bold: 600;
	--text-bold: 700;
}