:root {
	--color-bg: #ffffff;
	--color-text: #000000;
	--color-ink: #161616;
	--color-muted: #898989;
	--color-blue: #019cda;
	--color-orange: #ffa500;
	--color-yellow: #f6c12d;
	--color-line: #dddddd;
	--color-line-light: #cdcdcd;
	--color-error: #ba1a1a;
	--color-primary: var(--color-blue);

	--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--font-display: "Mango Grotesque", "Arial Narrow", sans-serif;
	--font-heading: var(--font-body);

	--tracking: -0.025em;

	--fs-hero: clamp(4.5rem, 11.949vw, 12.905rem);
	--fs-marquee: clamp(2.25rem, 4.061vw, 4.386rem);
	--fs-h2: clamp(1.625rem, 2.315vw, 2.5rem);
	--fs-label: clamp(1.75rem, 2.199vw, 2.375rem);
	--fs-lead: clamp(1.0625rem, 1.219vw, 1.3167rem);
	--fs-name: clamp(1.125rem, 1.273vw, 1.375rem);
	--fs-base: clamp(1rem, 1.042vw, 1.125rem);
	--fs-ui: 1.03125rem;
	--fs-small: 0.875rem;
	--lh-base: 1.7778;

	--container: 101.75rem;
	--gutter: clamp(1rem, 2.894vw, 3.125rem);
	--edge: max(var(--gutter), calc((100% - var(--container)) / 2));

	--header-h: clamp(5rem, 6.713vw, 7.25rem);
	--section-label-top: clamp(1.5rem, 2.141vw, 2.3125rem);
	--section-split: 31.081%;

	--radius: 0;
	--transition: 0.3s ease;
}
