:root{--color-primary: #007bff;--color-primary-600: #0056b3;--color-primary-700: #004085;--color-success: #28a745;--color-danger: #dc3545;--color-border: #dee2e6;--color-muted: #6c757d;--color-text: #495057;--color-bg-1: #f8f9fa;--color-bg-2: #e9ecef;--color-overlay: rgba(0, 0, 0, .8);--color-border-light: #ced4da;--color-text-secondary: #343a40;--color-white: #fff;--color-selection: #ff6b35;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 12px;--radius-xl: 8px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);--shadow-node: 0 2px 8px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .2);--shadow-hover: 0 15px 30px rgba(0, 0, 0, .3);--easing-emph: cubic-bezier(.25, .46, .45, .94);--dur-fast: .15s;--dur-med: .3s;--dur-slow: .5s;--z-tooltip: 1000;--z-drag: 1000;--z-selected: 25;--z-hover: 15;--z-base: 1;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 15px;--spacing-xl: 20px;--spacing-xxl: 25px;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-base: 12px;--font-size-md: 14px;--font-size-lg: 16px;--gradient-primary: linear-gradient(145deg, var(--color-primary), var(--color-primary-600));--gradient-surface: linear-gradient(135deg, var(--color-bg-1) 0%, var(--color-bg-2) 100%);--gradient-node: linear-gradient(145deg, transparent, rgba(255, 255, 255, .1));--color-node-surface: #e6eaef}