/* ------------------------------------------------------------------
   Shared design tokens
   Consumed by index.html and by css/project.css on the project pages.
   ------------------------------------------------------------------ */

:root {
	/* Ink */
	--ink: #16181d;
	--body: #33383f;
	--muted: #5c6370;
	/* 5.9:1 on --page, 6.4:1 on white */

	/* Surfaces */
	--page: #f7f7f8;
	--surface: #fff;
	--surface-sunken: #f2f3f5;
	--rule: #e3e5ea;
	--rule-strong: #d3d6dd;

	/* Accent */
	--accent: #0645ad;
	/* 7.97:1 on --page, clears WCAG AAA */
	--accent-soft: #eff3fc;

	/* Semantic */
	--good: #2e7d5b;
	--bad: #b04a35;

	/* Type */
	--font-sans: lato, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

	/* Spacing scale */
	--s-1: 0.25rem;
	--s-2: 0.5rem;
	--s-3: 0.75rem;
	--s-4: 1rem;
	--s-5: 1.5rem;
	--s-6: 2rem;
	--s-7: 3rem;
	--s-8: 4rem;

	/* Measure */
	--measure: 68ch;
	--measure-wide: 82ch;

	--radius: 12px;
}