:root {
  --font: "Roboto", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --mono: ui-monospace, "Cascadia Code", "SFMono-Regular", monospace;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --radius-sm: 16px; --radius-md: 24px; --radius-lg: 32px; --radius-xl: 48px;
  --container: 1200px; --page-gutter: 40px;
  --display-large: clamp(1rem, 10cqw, 3.25rem);
  --headline-large: clamp(1.8rem, 3.1vw, 2.6rem);
  --body-large: 1.125rem; --motion: 200ms ease;
}