:root {
  --color-primary: #7C3AED;
  --color-primary-hover: #6D28D9;
  --color-background: #F9FAFB;
  --color-surface: #FFFFFF;
  --color-text: #111827;
  --color-text-muted: #6B7280;
  --color-border: #E5E7EB;
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-danger: #EF4444;
  --font-family: 'Roboto', system-ui, sans-serif;
  --font-heading: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'Roboto', system-ui, sans-serif;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --spacing-unit: 4px;
  --sidebar-width: 220px;
  --header-height: 56px;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: var(--font-family);
  background: var(--color-background);
  color: var(--color-text);
}