:root {
	/* Palette measured on nosolowebs.es, ordered by how much the site uses it.
	   The old names lied: --color-green held #3d1fff, which is blue. Both old
	   names stay as aliases so nothing breaks, but new code should use these. */
	--color-ink: #1d1d1d;
	--color-black: #000;
	--color-soft-black: #222;
	--color-white: #fff;
	--color-blue: #3d1fff;
	--color-lime: #d6ff00;
	--color-grey: #9c9c9c;
	--color-line: #eaeaea;
	--color-muted: #696969;
	--color-grey-light: #c9c9c9;
	--color-off-white: #fafafa;
	/* Diff colours: the only two hues outside the brand, and they earn it by
	   meaning removed and added rather than decoration. */
	--color-danger: #a33131;
	--color-success: #287318;
	--color-paper: #fff;

	/* Aliases kept for existing rules. */
	--color-accent: var(--color-lime);
	--color-green: var(--color-blue);
	--color-purple: var(--color-blue);
	--color-lime-dark: #a8c400;
	--color-olive: #6a7f00;
	--color-orange: #ff5a36;

	--font-display: "Space Grotesk", "Avenir Next", "Century Gothic", sans-serif;
	--font-ui: "IBM Plex Sans", "Avenir Next", Helvetica, sans-serif;
	--font-body: Inter, "Avenir Next", Helvetica, sans-serif;
	--font-mono: "JetBrains Mono", ui-monospace, monospace;
	--radius-small: 10px;
	--radius-medium: 24px;
	--radius-large: 38px;
	--shadow-card: 0 24px 70px rgba(29, 29, 29, 0.11);
	--container: 1240px;
	--gutter: clamp(20px, 4vw, 56px);
	--section-space: clamp(88px, 12vw, 164px);
}