:root {
    --bg-app: #09090b;
    --bg-sidebar: #0f1012;
    --bg-panel: #18191b;
    --bg-input: #202225;
    --bg-hover: #272a30;

    --border-subtle: #27272a;
    --border-strong: #3f3f46;

    --text-primary: #f4f4f5;
    --text-secondary: #a1a1aa;
    --text-muted: #71717a;

    --brand-primary: #f97316;
    --brand-hover: #ea580c;
    --brand-glow: rgba(249, 115, 22, 0.2);

    --accent-blue: #3b82f6;

    --error: #ef4444;
    --success: #22c55e;

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

    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-3: 12px;
    --spacing-4: 16px;

    --font-family: 'Inter', system-ui, -apple-system, sans-serif;
    --font-size-sm: 12px;
    --font-size-base: 13px;
    --font-size-lg: 14px;

    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}