.df-theme-light {
--df-bg-primary: #ffffff;
--df-bg-secondary: #f3f3f3;
--df-bg-tertiary: #ececec;
--df-bg-hover: #e8e8e8;
--df-border-color: #e5e5e5;
--df-border-color-strong: #cccccc;
--df-text-primary: #333333;
--df-text-secondary: #6e6e6e;
--df-text-tertiary: #848484;
--df-text-muted: #999999;
--df-accent-primary: #0078d4;
--df-accent-secondary: #006cbd;
--df-success: #388a34;
--df-warning: #bf8803;
--df-error: #f14c4c;
--df-info: #1a85ff;
--df-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
--df-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.12);
--df-tooltip-width: 360px;
--df-tooltip-max-height: 300px;
--df-flow-column-width: 240px;
--df-icon-size-sm: 12px;
--df-icon-size-md: 16px;
--df-spacing-xs: 4px;
--df-spacing-sm: 8px;
--df-spacing-md: 12px;
--df-spacing-lg: 16px;
--df-function-map: #388a34;
--df-function-validation: #bf8803;
--df-function-custom: #6e6e6e;
--bg-primary: #f5f5f5;
--bg-secondary: #ffffff;
--bg-tertiary: #fafafa;
--bg-hover: #f0f0f0;
--text-primary: #333333;
--text-secondary: #555555;
--text-tertiary: #666666;
--text-muted: #999999;
--border-primary: #e0e0e0;
--border-light: #eeeeee;
--accent-blue: #3b82f6;
--accent-blue-hover: #2563eb;
--accent-blue-light: #dbeafe;
--accent-amber: #f59e0b;
--node-shadow: rgba(0, 0, 0, 0.1);
--node-shadow-hover: rgba(0, 0, 0, 0.15);
--node-bg: #ffffff;
}
.df-theme-dark {
--df-bg-primary: #252526;
--df-bg-secondary: #1e1e1e;
--df-bg-tertiary: #2d2d2d;
--df-bg-hover: #3c3c3c;
--df-border-color: #3c3c3c;
--df-border-color-strong: #4d4d4d;
--df-text-primary: #cccccc;
--df-text-secondary: #9d9d9d;
--df-text-tertiary: #858585;
--df-text-muted: #6e6e6e;
--df-accent-primary: #0078d4;
--df-accent-secondary: #1c97ea;
--df-success: #4ec9b0;
--df-warning: #dcdcaa;
--df-error: #f14c4c;
--df-info: #75beff;
--df-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
--df-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.3);
--df-tooltip-width: 360px;
--df-tooltip-max-height: 300px;
--df-flow-column-width: 240px;
--df-icon-size-sm: 12px;
--df-icon-size-md: 16px;
--df-spacing-xs: 4px;
--df-spacing-sm: 8px;
--df-spacing-md: 12px;
--df-spacing-lg: 16px;
--df-function-map: #4ec9b0;
--df-function-validation: #dcdcaa;
--df-function-custom: #9d9d9d;
--bg-primary: #1a1a1a;
--bg-secondary: #242424;
--bg-tertiary: #2a2a2a;
--bg-hover: #333333;
--text-primary: #e5e5e5;
--text-secondary: #cccccc;
--text-tertiary: #b3b3b3;
--text-muted: #888888;
--border-primary: #404040;
--border-light: #333333;
--accent-blue: #60a5fa;
--accent-blue-hover: #3b82f6;
--accent-blue-light: #1e3a5f;
--accent-amber: #fbbf24;
--node-shadow: rgba(0, 0, 0, 0.3);
--node-shadow-hover: rgba(0, 0, 0, 0.4);
--node-bg: #2d2d2d;
}