/**
 * Layout & typography tokens (non-colour).
 * Colours are defined in style.css only - use var(--color-*).
 */

:root {
	--font-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--font-display: "Bebas Neue", cursive;
	--font-serif: "DM Serif Display", serif;

	--container-max: 1240px;
	--container-narrow: 720px;
	--header-height: 68px;
	--radius-sm: 8px;
	--radius-md: 14px;
	--radius-lg: 22px;
	--radius-xl: 32px;
	--radius: var(--radius-sm);

	--space-xs: 0.5rem;
	--space-sm: 1rem;
	--space-md: 1.5rem;
	--space-lg: 2.5rem;
	--space-xl: 4rem;

	--shadow-card: 0 2px 12px rgba(var(--color-ink-rgb), 0.08), 0 0 0 1px rgba(var(--color-ink-rgb), 0.05);
	--shadow-lift: 0 8px 32px rgba(var(--color-ink-rgb), 0.14), 0 0 0 1px rgba(var(--color-ink-rgb), 0.06);
}