/* Design tokens. Custom properties only; no selectors beyond :root. */

@layer tokens {
	:root {
		/* color: black + burnt orange brand, neutrals carry the design */
		--ink: #000000;
		--text: #141414;
		--muted: #5a5a5a;
		--accent: #e68634;      /* graphic use only: fails AA as text on white */
		--accent-text: #a85a12; /* the text-safe orange, 5.1:1 on white */
		--border: #e2e2e2;
		--surface: #f6f6f6;
		--bg: #ffffff;

		/* type */
		--font-display: "Space Grotesk", system-ui, sans-serif;
		--font-body: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
		--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;

		/* layout */
		--container: 1120px;
		--gutter: clamp(20px, 4vw, 40px);
		--section-pad: clamp(64px, 9vw, 112px);
	}
}