.campaign-forge-container,.cf-tokens{--cf-header-height: 6rem;--cf-sidebar-width: 280px;--cf-sidebar-collapsed-width: 52px;--cf-panel-max-width: 720px;--cf-touch-target: 44px;--cf-transition: 0.3s ease;--cf-radius: 8px;--cf-radius-lg: 12px;--cf-radius-sm: 6px;--cf-bg-primary: var(--background-light, #f4f6f9);--cf-bg-secondary: var(--card-bg, #ffffff);--cf-bg-panel: var(--section-gradient-end, #e6e9ed);--cf-bg-input: rgba(0, 0, 0, 0.04);--cf-bg-hover: rgba(74, 105, 189, 0.08);--cf-bg-active: rgba(74, 105, 189, 0.15);--cf-text: var(--text-dark, #34495e);--cf-text-muted: var(--text-secondary, #7f8c8d);--cf-text-heading: var(--primary-color, #4a69bd);--cf-text-light: var(--text-light, #ecf0f1);--cf-accent: var(--primary-color, #4a69bd);--cf-accent-text: var(--link-color, #4461ae);--cf-accent-light: var(--primary-color-light, #6c8cd5);--cf-accent-rgb: var(--primary-color-rgb, 74, 105, 189);--cf-accent-glow: rgba(var(--primary-color-rgb, 74, 105, 189), 0.4);--cf-border: var(--border-color, #d1d5db);--cf-border-strong: rgba(0, 0, 0, 0.15);--cf-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);--cf-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.12);--cf-shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.15);--cf-success: var(--success-color, #28a745);--cf-warning: var(--warning-color, #f59e0b);--cf-danger: var(--error-color, #e74c3c);--cf-success-text: #1c7631;--cf-warning-text: #8f5c06;--cf-danger-text: #c42818;--cf-info: var(--info-color, #3b82f6);--cf-badge-success: #1a7431;--cf-badge-info: #1d4ed8;--cf-badge-warning: #915d0b;--cf-badge-accent: #435fab;--cf-btn-primary-bg: var(--button-primary-fill, var(--button-primary, #e84118));--cf-btn-primary-hover: var(--button-primary-hover, #ff6348);--cf-btn-secondary-bg: var(--primary-color, #4a69bd);--cf-btn-secondary-hover: var(--primary-color-light, #6c8cd5);--cf-btn-accent-bg: var(--tertiary-color, #27ae60);--cf-scrollbar-thumb: rgba(0, 0, 0, 0.15);--cf-scrollbar-track: rgba(0, 0, 0, 0.04);--cf-card-bg: var(--card-bg, #ffffff);--cf-card-border: 1px solid var(--cf-border);--cf-card-shadow: var(--cf-shadow)}.dark .campaign-forge-container,.dark .cf-tokens{--cf-bg-primary: var(--background-dark, #2c3e50);--cf-bg-secondary: var(--card-bg-dark, #34495e);--cf-bg-panel: var(--section-dark-end, #0f172a);--cf-bg-input: rgba(255, 255, 255, 0.06);--cf-bg-hover: rgba(74, 105, 189, 0.15);--cf-bg-active: rgba(74, 105, 189, 0.25);--cf-text: var(--text-light, #ecf0f1);--cf-text-muted: #abb8c8;--cf-badge-success: #96d4a4;--cf-badge-info: #a5c6fb;--cf-badge-warning: #f9c265;--cf-badge-accent: #b1bfe3;--cf-accent: var(--primary-color-light, #8ba3e0);--cf-accent-text: var(--link-color, #a4b7e7);--cf-success-text: #3cd05e;--cf-warning-text: #f6a823;--cf-danger-text: #f3a49b;--cf-text-heading: var(--primary-color-light, #6c8cd5);--cf-border: var(--border-color-dark, rgba(255, 255, 255, 0.15));--cf-border-strong: rgba(255, 255, 255, 0.2);--cf-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);--cf-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.4);--cf-shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.5);--cf-scrollbar-thumb: rgba(255, 255, 255, 0.15);--cf-scrollbar-track: rgba(0, 0, 0, 0.1);--cf-card-bg: var(--card-bg-dark, #34495e);--cf-card-border: 1px solid var(--cf-border);--cf-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)}