:root {
	/* Background */
	--routeon-bg: #feffff;

	/* Text */
	--routeon-text: #343536;
	--routeon-text-inverse: #feffff;
	--routeon-muted: #5d5d5e;
	--routeon-faint: #818283;
	--routeon-error: #ec6767;

	/* Brand */
	--routeon-blue: #5eaedb;
	--routeon-blue-hover: #6eb6df;
	--routeon-blue-deep: #3f8cbb;
	--routeon-blue-soft: #dfeff8;
	--routeon-blue-10: #eff7fb;

	--routeon-black-10: #e6e6e6;
	--routeon-black-20: #cdcdcd;
	--routeon-black-30: #b3b4b5;

	--routeon-btn-disabled-bg: var(--routeon-black-10);
	--routeon-btn-disabled-text: var(--routeon-black-30);
	--routeon-btn-disabled-border: var(--routeon-black-20);

	/* Surfaces */
	--routeon-line: #cfe7f4;

	/* Shape */
	--routeon-radius-pill: 100px;
	--routeon-radius-card: 16px;
	--routeon-radius-xl: 24px;

	--routeon-font-display: "Outfit", "Segoe UI", system-ui, sans-serif;
	--routeon-font-body: "Elms Sans", "Outfit", "Segoe UI", system-ui, sans-serif;

	--routeon-h1: clamp(2.875rem, 5.84vw, 5.25rem);
	--routeon-h2: clamp(2.25rem, 4.45vw, 4rem);
	--routeon-h3: clamp(2rem, 3.9vw, 3.5rem);
	--routeon-h4: 2rem;
	--routeon-h5: 1.375rem;

	--routeon-p1: clamp(1.375rem, 1.94vw, 1.75rem);
	--routeon-p2: clamp(1.25rem, 1.67vw, 1.5rem);
	--routeon-p3: 1.25rem;
	--routeon-p4: 1rem;

	--routeon-lh-h1: 1.04;
	--routeon-lh-h: 1.1;
	--routeon-lh-h-small: 1.25;
	--routeon-lh-text: 1.35;
	--routeon-lh-btn: 1.1;

	--routeon-btn-font-size: 1rem;

	--routeon-reveal-distance: 100px;
	--routeon-reveal-duration: 2s;
	--routeon-reveal-ease: cubic-bezier(0.19, 1, 0.22, 1);
}