/**
 * Sybrix design tokens
 */

:root {
	/* Color */
	--sybrix-ink: #141414;
	--sybrix-bg: #f6f5f2;
	--sybrix-surface: #ffffff;
	--sybrix-muted: #5c5c5c;
	--sybrix-line: #e6e4df;
	--sybrix-accent: #0f766e;
	--sybrix-accent-soft: #e7f5f3;
	--sybrix-dark: #0f1412;
	--sybrix-dark-heading: #f5f5f2;
	--sybrix-dark-muted: rgba(255, 255, 255, 0.72);

	/* Typography families */
	--sybrix-font-ui: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
	--sybrix-font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
	--sybrix-font-mono: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, monospace;

	/* Type scale */
	--sybrix-display: clamp(2.25rem, 5vw, 3.75rem);
	--sybrix-h1: clamp(2rem, 4vw, 3rem);
	--sybrix-h2: clamp(1.625rem, 3vw, 2.25rem);
	--sybrix-h3: clamp(1.25rem, 2.2vw, 1.5rem);
	--sybrix-h4: 1.125rem;
	--sybrix-body: 1.0625rem;
	--sybrix-lead: clamp(1.0625rem, 1.6vw, 1.25rem);
	--sybrix-small: 0.875rem;
	--sybrix-meta: 0.8125rem;
	--sybrix-eyebrow: 0.75rem;
	--sybrix-nav: 0.9375rem;
	--sybrix-button: 0.9375rem;
	--sybrix-caption: 0.8125rem;
	--sybrix-code: 0.875rem;

	/* Layout */
	--sybrix-container: 90rem;
	--sybrix-prose: 42rem;
	--sybrix-gutter: clamp(1.25rem, 3vw, 2.5rem);
	--sybrix-section-y: clamp(3rem, 8vw, 6rem);

	/* Radii — used sparingly */
	--sybrix-radius-sm: 4px;
	--sybrix-radius-md: 8px;

	/* Motion */
	--sybrix-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--sybrix-duration: 200ms;

	/* Header */
	--sybrix-header-h: 4.25rem;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--sybrix-duration: 0ms;
	}
}