:root {
	--color-dark: #101010;
	--color-dark-soft: #1a1a1a;
	--color-light: #f1f2f3;
	--color-white: #ffffff;
	--color-muted: #aaaaaa;
	--color-border: rgba(255, 255, 255, 0.18);
	--color-accent: #c52b22;
	--radius-media: 0.75rem;

	--font-body:
	-apple-system,
	BlinkMacSystemFont,
	"Segoe UI",
	Helvetica,
	Arial,
	sans-serif;

    --font-display:
	-apple-system,
	BlinkMacSystemFont,
	"Segoe UI",
	Helvetica,
	Arial,
	sans-serif;

	--text-small: 0.75rem;
	--text-base: 1rem;
	--text-medium: clamp(1.125rem, 1.5vw, 1.4rem);
	--text-large: clamp(2rem, 5vw, 5rem);
	--text-display: clamp(3.5rem, 10vw, 10rem);

	--space-xs: 0.5rem;
	--space-sm: 1rem;
	--space-md: 2rem;
	--space-lg: clamp(3rem, 7vw, 7rem);
	--space-xl: clamp(5rem, 12vw, 12rem);

	--container-width: 1760px;
    --page-gutter: clamp(1.25rem, 3vw, 3.5rem);
    --grid-gap: clamp(1rem, 2vw, 2rem);

	--radius-round: 999px;
	--transition-fast: 180ms ease;
	--transition-base: 400ms cubic-bezier(0.16, 1, 0.3, 1);
}