:root {
    --ui-color-bg: #0a0a0b;
    --ui-color-surface: rgba(255, 255, 255, 0.05);
    --ui-color-border: rgba(255, 255, 255, 0.12);
    --ui-color-text: #f5f5f5;
    --ui-color-muted: #a3a3a3;
    --ui-color-primary: #6366f1;
    --ui-color-success: #10b981;
    --ui-color-warning: #f59e0b;
    --ui-radius-sm: 0.5rem;
    --ui-radius-md: 0.75rem;
    --ui-radius-lg: 1rem;
    --ui-space-1: 0.25rem;
    --ui-space-2: 0.5rem;
    --ui-space-3: 0.75rem;
    --ui-space-4: 1rem;
    --ui-shadow-soft: 0 10px 24px -14px rgba(0, 0, 0, 0.65);
}

[data-ui-theme="light"] {
    --ui-color-bg: #f8fafc;
    --ui-color-surface: rgba(15, 23, 42, 0.04);
    --ui-color-border: rgba(15, 23, 42, 0.1);
    --ui-color-text: #0f172a;
    --ui-color-muted: #475569;
}