:root {
    --color-primary: #3b82f6;
    --color-secondary: #6b7280;
    --color-accent: #f59e0b;
    --color-background: #ffffff;
    --color-surface: #f9fafb;
    --color-text: #1f2937;
    --color-text-muted: #6b7280;
    --color-border: #e5e7eb;
    --color-success: #10b981;
    --color-danger: #ef4444;
    --font-family: system-ui, -apple-system, sans-serif;
    --font-family-heading: inherit;
    --font-size-base: 1rem;
    --font-size-sm: 0.875rem;
    --font-size-lg: 1.125rem;
    --font-size-h1: 2.25rem;
    --font-size-h2: 1.5rem;
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 2rem;
    --spacing-xl: 4rem;
    --radius: 8px;
    --radius-sm: 4px;
    --shadow: 0 1px 3px rgba(0,0,0,0.1);
    --max-width: 1200px;
    --header-height: 64px;
}