/**
 * Brand tokens
 * Color palette, radii, shadows, easings, fonts, spacing scale.
 * Loaded first so every other stylesheet can consume these custom properties.
 */

:root {
	--brand-black: #0a0a0a;
	--brand-white: #ffffff;
	--brand-purple: rgb(112, 92, 200);
	--brand-mint: #7ef3c8;
	--brand-lime: #b6ff3b;
	--brand-text: #141414;
	--brand-text-muted: #4a4a4a;
	--brand-text-quiet: #6b6b6b;
	--brand-border: #e4e4e6;
	--brand-border-strong: #d4d4d8;
	--brand-rule: #cfcfd3;
	--brand-surface: #f6f6f6;
	--brand-page: #f7f7f8;
	--radius-sm: 6px;
	--radius-md: 12px;
	--radius-lg: 16px;
	--radius-full: 9999px;
	--shadow-sm: 0 1px 2px rgba(10, 10, 10, 0.04);
	--shadow-md: 0 4px 24px rgba(10, 10, 10, 0.06);
	--shadow-nav: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 8px 32px rgba(0, 0, 0, 0.12);
	--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--font-mono: "SF Mono", "Amazon Ember Mono", ui-monospace, Menlo, Consolas, monospace;
	--ease-out: cubic-bezier(0.33, 1, 0.68, 1);
	--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
	--space-section: clamp(3rem, 8vw, 5rem);
	--space-block: clamp(1.25rem, 3vw, 2rem);
	--measure-prose: 68ch;
}