/* Design tokens (CSS custom properties). Loaded on every page. */

/* ==========================================================================
   Design tokens
   ========================================================================== */
:root {
	--color-navy-950: #0f1847;
	--color-navy-900: #1a265f;
	--color-navy-800: #1c3075;
	--color-navy-text: #162058;
	--color-accent: #4ecad4;
	--color-accent-dark: #0f1847;
	--color-white: #ffffff;
	--color-off-white: #f4f7fc;
	--color-gray-100: #eef1f8;
	--color-gray-300: #bbc5dc;
	--color-text-body: #5a667b;
	--color-text-muted: #5a667b;
	--color-border: #dde4ee;

	--container-width: 1200px;
	--radius-sm: 8px;
	--radius-md: 14px;
	--radius-pill: 999px;
	--radius-btn: 10px;

	--space-xs: 0.5rem;
	--space-sm: 1rem;
	--space-md: 1.5rem;
	--space-lg: 2.5rem;
	--space-xl: 4rem;
	--space-2xl: 6rem;

	--font-base: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--shadow-card: 0 4px 20px rgba(20, 27, 77, 0.06);
	--shadow-card-lg: 0 12px 32px rgba(20, 27, 77, 0.14);
}