:root {
    --db-surface-0: var(--bs-bg);
    --db-surface-1: var(--bs-surface);
    --db-surface-2: color-mix(in srgb, var(--bs-surface) 86%, var(--bs-bg));
    --db-surface-menu: var(--bs-surface);
    --db-surface-toolbar: var(--bs-surface);
    --db-text-primary: var(--bs-fg);
    --db-text-secondary: var(--bs-text, var(--bs-fg));
    --db-text-muted: var(--bs-muted);
    --db-text-inverse: #ffffff;
    --db-border-subtle: var(--bs-border);
    --db-border-strong: var(--bs-border-strong, var(--bs-border));
    --db-border-focus: var(--bs-accent, #6366f1);
    --db-accent-primary: var(--bs-accent, #6366f1);
    --db-accent-active: #6366f1;
    --db-accent-selected: #0ea5e9;
    --db-accent-playhead: var(--daw-grid-playhead, #f59e0b);
    --db-success: #10b981;
    --db-warning: #f59e0b;
    --db-destructive: #dc2626;
    --db-space-1: 4px;
    --db-space-2: 6px;
    --db-space-3: 12px;
    --db-space-4: 16px;
    --db-space-5: 20px;
    --db-space-6: 24px;
    --db-radius-sm: 4px;
    --db-radius-md: 8px;
    --db-shadow-menu: 0 18px 40px rgba(15, 23, 42, 0.2);
    --db-touch-target: 44px;
}