/**
 * DIT design tokens.
 * Mirror approved values in Elementor Global Styles during the design phase.
 */

:root {
	--dit-bg-main: #fbfcfe;
	--dit-bg-blue: #eef6ff;
	--dit-bg-mint: #eef9f4;
	--dit-bg-coral: #fff2f0;
	--dit-bg-lavender: #f5f3ff;
	--dit-heading: #162955;
	--dit-heading-rgb: 22 41 85;
	--dit-primary: #254a82;
	--dit-primary-rgb: 37 74 130;
	--dit-blue-secondary: #3d67a3;
	--dit-blue-secondary-rgb: 61 103 163;
	--dit-text: #344054;
	--dit-muted: #667085;
	--dit-green: #2f9b63;
	--dit-coral: #e85d5d;
	--dit-border: #e5eaf0;
	--dit-white: #ffffff;

	--dit-font-heading: "Manrope", "Segoe UI", sans-serif;
	--dit-font-body: "Inter", "Segoe UI", sans-serif;

	--dit-space-1: 0.25rem;
	--dit-space-2: 0.5rem;
	--dit-space-3: 0.75rem;
	--dit-space-4: 1rem;
	--dit-space-5: 1.5rem;
	--dit-space-6: 2rem;
	--dit-space-7: 3rem;
	--dit-space-8: 4rem;
	--dit-space-9: 6rem;

	--dit-radius-sm: 0.5rem;
	--dit-radius-md: 0.875rem;
	--dit-radius-lg: 1.25rem;
	--dit-shadow-subtle: 0 0.5rem 1.5rem rgb(var(--dit-heading-rgb) / 8%);
	--dit-container: 75rem;
	--dit-reading-width: 45rem;
	--dit-motion-fast: 160ms;
	--dit-motion-base: 240ms;
	--dit-ease-standard: cubic-bezier(0.2, 0, 0, 1);
}