:root {
    --bg-main: #0f0b1e;
    --bg-sidebar: #140f2b;
    --bg-card: #1c163d;
    --bg-card-dark: #141033;
    --bg-accent: #220f3d;
    --accent-purple: #8b5cf6;
    --accent-magenta: #ec4899;
    --accent-blue: #6366f1;
    --text-main: #e5e7eb;
    --text-muted: #9ca3af;
    --gradient-main: linear-gradient(135deg, #8b5cf6, #ec4899, #6366f1);
    --gradient-accent: linear-gradient(135deg, #6366f1, #8b5cf6);

    --plan-suspended: #999999;
    --plan-owner: #DC2626;
    --plan-enterprise: #FACC15;
    --plan-beta: #f6fa15;
    --plan-premium: #8B5CF6;
    --plan-free: #22C55E;
    
    /* Shadows */
    --shadow-card: 0 20px 40px rgba(0, 0, 0, 0.35);
    --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.5);
    --shadow-upload: 0 10px 30px rgba(0, 0, 0, 0.5);
    
    /* Border colors */
    --border-setting: rgba(139, 92, 246, 0.15);
    --border-input: rgba(255, 255, 255, 0.1);
    --border-danger: rgba(239, 68, 68, 0.3);
    
    /* Background overlays */
    --bg-hover: rgba(139, 92, 246, 0.05);
    --bg-input: rgba(255, 255, 255, 0.05);
    --bg-modal-overlay: rgba(0, 0, 0, 0.7);
    --bg-secondary: rgba(255, 255, 255, 0.08);
    
    /* Button backgrounds */
    --btn-action-from: rgba(139, 92, 246, 0.25);
    --btn-action-to: rgba(99, 102, 241, 0.25);
    --btn-action-hover-from: rgba(139, 92, 246, 0.4);
    --btn-action-hover-to: rgba(99, 102, 241, 0.4);

    --btn-save-from: rgba(139, 92, 246, 0.35);
    --btn-save-to: rgba(99, 102, 241, 0.35);
    --btn-save-hover-from: rgba(139, 92, 246, 0.5);
    --btn-save-hover-to: rgba(99, 102, 241, 0.5);

    --btn-danger: rgba(239, 68, 68);
    --btn-danger-from: rgba(239, 68, 68, 0.3);
    --btn-danger-to: rgba(220, 38, 38, 0.3);
    --btn-danger-hover-from: rgba(239, 68, 68, 0.5);
    --btn-danger-hover-to: rgba(220, 38, 38, 0.5);
    
    --btn-colored-content: #edeaff;

    /* Modal action button */
    --btn-modal-action: rgba(139, 92, 246, 0.15);
    --btn-modal-action-border: rgba(139, 92, 246, 0.3);
    --btn-modal-action-hover: rgba(139, 92, 246, 0.25);
    --btn-modal-action-hover-border: rgba(139, 92, 246, 0.5);
    
    /* File tree buttons */
    --btn-delete-bg: rgba(255, 92, 92, 0.15);
    --btn-delete-border: rgba(255, 92, 92, 0.3);
    --btn-delete-hover-bg: rgba(255, 92, 92, 0.3);
    --btn-file-bg: rgba(139, 92, 246, 0.15);
    --btn-file-border: rgba(139, 92, 246, 0.3);
    --btn-file-hover-bg: rgba(139, 92, 246, 0.3);

    /* Notification colors */
    --notif-info-bg: #091b0a55;
    --notif-info-text: #1e5f21;
    --notif-info-border: #1e5f21;
    --notif-warn-bg: #3a2d0055;
    --notif-warn-text: #9e7b00;
    --notif-warn-border: #9e7b00;
    --notif-err-bg: #360b0b55;
    --notif-err-text: #d12c2c;
    --notif-err-border: #d12c2c;
    
    /* Status colors */
    --status-running: #22c55e;
    --status-stopped: #ef4444;
    
    /* Danger colors */
    --danger-text: #ffffff;
    --danger-border: rgba(239, 68, 68, 0.4);
    --danger-border-hover: rgba(239, 68, 68, 0.6);
    
    /* File tree colors */
    --tree-icon: #9aa4ff;
    --tree-file-icon: #aaa;
    
    /* Profile colors */
    --profile-delete-bg: rgba(239, 68, 68, 0.15);
    --profile-delete-border: rgba(239, 68, 68, 0.3);
    --profile-delete-hover: rgba(239, 68, 68, 0.3);
    --profile-delete-text: #ef4444;
    
    /* Drag and drop */
    --drag-over-bg: rgba(139, 92, 246, 0.1);
    
    /* Misc */
    --save-section-bg: rgba(139, 92, 246, 0.05);
    --card-gradient-from: var(--bg-card);
    --card-gradient-to: #141033;

    --slider-bg: #3f3f46;
    --slider-knob: #fafafa;
    --slider-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

    --primary: rgb(255, 196, 0);
}