:root {
  --color-primary: #111827;
  --color-secondary: #4b5563;
  --color-accent: #0f766e;
  --color-bg: #ffffff;
  --color-bg-soft: #f8fafc;
  --color-border: #e5e7eb;
  --color-focus: #2563eb;
  --font-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --container: 1200px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
}