:root {
    --color-bg: #f5f6f8;
    --color-surface: #ffffff;
    --color-text: #1a1a1a;
    --color-muted: #6b7280;
    --color-link: #2563eb;
    --color-primary: #2563eb;
    --color-primary-text: #ffffff;
    --color-accent: #f59e0b;
    --color-border: #e5e7eb;
    --color-error-bg: #fee2e2;
    --color-error-text: #991b1b;
    --color-success-bg: #dcfce7;
    --color-success-text: #166534;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-6: 24px;
    --space-8: 32px;

    --radius-sm: 4px;
    --radius-md: 8px;

    --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-mono: ui-monospace, "Cascadia Code", Menlo, monospace;
}