:root {
  --color-primary: #c9956a;
  --color-primaryHover: #d4a57a;
  --color-primaryMuted: rgba(201, 149, 106, 0.15);
  --color-bg: #080706;
  --color-surface: rgba(13, 12, 11, 0.6);
  --color-surfaceHover: rgba(13, 12, 11, 0.8);
  --color-surfaceElevated: rgba(13, 12, 11, 0.8);
  --color-text: #fff8e7;
  --color-textSecondary: #d4c4b0;
  --color-textMuted: #8a7a6a;
  --color-border: rgba(201, 149, 106, 0.2);
  --color-borderStrong: rgba(201, 149, 106, 0.4);
  --color-panelBorder: rgba(201, 149, 106, 0.2);
  --color-glassBg: rgba(13, 12, 11, 0.5);
  --color-glassBorder: rgba(201, 149, 106, 0.15);
  --color-danger: #b57878;
  --color-dangerMuted: rgba(181, 120, 120, 0.15);
  --color-warning: #ffb84d;
  --color-warningMuted: rgba(255, 184, 77, 0.15);
  --color-success: #7a8f6a;
  --color-successMuted: rgba(122, 143, 106, 0.15);
  --color-info: #ff8c2e;
  --color-infoMuted: rgba(255, 140, 46, 0.15);
  --color-statusConnected: #7a8f6a;
  --color-statusDisconnected: #b57878;
  --color-statusPending: #ffb84d;
  --color-focusRing: #c9956a;
  --color-wireframeInputColor: #ffd47a;
  --color-wireframeInputBorder: #ffd47a;
  --color-wireframeInputBg: rgba(255, 212, 122, 0.15);
  --color-wireframeOutputColor: #ffd47a;
  --color-wireframeOutputBorder: #ffd47a;
  --color-wireframeOutputBg: rgba(255, 212, 122, 0.15);
  --color-wireframeSecurityColor: #ffd47a;
  --color-wireframeSecurityBorder: #ffd47a;
  --color-wireframeSecurityBg: rgba(255, 212, 122, 0.12);
  --color-wireframeRoutingColor: #ffb84d;
  --color-wireframeRoutingBorder: #ffb84d;
  --color-wireframeRoutingBg: rgba(255, 184, 77, 0.12);
  --color-wireframeExecutionColor: #ff8c2e;
  --color-wireframeExecutionBorder: #ff8c2e;
  --color-wireframeExecutionBg: rgba(255, 140, 46, 0.12);
  --color-wireframeCloudColor: #ffd47a;
  --color-wireframeCloudBorder: #ffd47a;
  --color-wireframeCloudBg: rgba(255, 212, 122, 0.12);
  --color-wireframeHybridColor: #ffb84d;
  --color-wireframeHybridBorder: #ffb84d;
  --color-wireframeHybridBg: rgba(255, 184, 77, 0.12);
  --color-wireframeCoordinationColor: #ffb84d;
  --color-wireframeCoordinationBorder: #ffb84d;
  --color-wireframeCoordinationBg: rgba(255, 184, 77, 0.12);
  --color-wireframeObservabilityColor: #ff6b35;
  --color-wireframeObservabilityBorder: #ff6b35;
  --color-wireframeObservabilityBg: rgba(255, 107, 53, 0.12);
  --color-wireframeResilienceColor: #ff6b35;
  --color-wireframeResilienceBorder: #ff6b35;
  --color-wireframeResilienceBg: rgba(255, 107, 53, 0.12);
  --color-wireframeAgentColor: #ffd47a;
  --color-wireframeAgentBorder: #ffd47a;
  --color-wireframeAgentBg: rgba(255, 212, 122, 0.12);
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 24px;
  --spacing-6: 32px;
  --spacing-7: 48px;
  --spacing-8: 64px;
  --spacing-unit: 4px;
  --typography-fontFamilyMono: "Share Tech Mono", monospace;
  --typography-fontFamilySans: "Share Tech Mono", monospace;
  --typography-fontSizeBase: 14px;
  --typography-fontSizeSm: 12px;
  --typography-fontSizeXs: 10px;
  --typography-fontSizeLg: 16px;
  --typography-fontSizeXl: 20px;
  --typography-fontSize2xl: 24px;
  --typography-fontSize3xl: 32px;
  --typography-fontWeightNormal: 400;
  --typography-fontWeightMedium: 500;
  --typography-fontWeightBold: 700;
  --typography-lineHeightBase: 1.5;
  --typography-lineHeightTight: 1.25;
  --typography-lineHeightRelaxed: 1.5;
  --typography-letterSpacingNormal: 0;
  --typography-letterSpacingWide: 0.03em;
  --typography-letterSpacingWider: 0.06em;
  --radius-none: 0;
  --radius-sharp: 4px;
  --radius-soft: 8px;
  --radius-pill: 9999px;
  --shadow-level1: 0 1px 2px rgba(0, 0, 0, 0.15);
  --shadow-level2: 0 4px 8px rgba(0, 0, 0, 0.2);
  --shadow-level3: 0 8px 16px rgba(0, 0, 0, 0.25);
  --shadow-focus: 0 0 0 2px var(--color-focus-ring);
  --transition-fast: 120ms;
  --transition-durationFast: 120ms;
  --transition-normal: 200ms;
  --transition-slow: 320ms;
  --transition-easingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-easingDecelerate: cubic-bezier(0, 0, 0.2, 1);
  --transition-easingStandardAlias: cubic-bezier(0.4, 0, 0.2, 1);
  --zIndex-base: 0;
  --zIndex-canvas: 0;
  --zIndex-glass: 1;
  --zIndex-content: 10;
  --zIndex-overlay: 100;
  --zIndex-modal: 200;
  --layout-gridColumns: 12;
  --layout-gridGutter: 24px;
  --layout-gridMaxWidth: 1440px;
  --layout-kernelBarHeight: 52px;
  --layout-leftSidebarWidth: 20%;
  --layout-centerWidth: 30%;
  --layout-rightPanelWidth: 50%;
  --layout-rightExtraWidth: 20%;
  --layout-panelBorder: rgba(201, 149, 106, 0.2);
  --breakpoints-narrow: 640px;
  --breakpoints-medium: 1024px;
  --breakpoints-wide: 1440px;
  --breakpoints-mobile: 768px;
  --kernelBar-height: 52px;
  --wireframe-nodeRadius: 8px;
  --wireframe-edgeWidth: 1px;
  --wireframe-particleSize: 3px;
  --wireframe-glowRadius: 200px;
}