:root {
  color-scheme: dark;
  --bg: #090b12;
  --panel: rgb(18 22 34);
  --panel-soft: rgb(53 53 57);
  --border: #3c3c3c;
  --text: #f3f6fb;
  --muted: #99a4ba;
  --accent: #7c5cff;
  --accent-strong: #9a83ff;
  --danger: #ff7979;
  --warning: #f5c46b;
  --shadow: 0 24px 80px rgb(0 0 0 / 35%);
  --card: rgb(33 33 38);
  --card-translucent: rgb(33 33 38 / 98%);
  --card-translucent-soft: rgb(33 33 38 / 96%);
  --dock: rgb(33 33 38);
  --canvas-bg: #07090d;
  --canvas-grid: rgb(140 146 158 / 35%);
  --canvas-vignette: rgb(255 255 255 / 4%);
  --surface-faint: rgb(255 255 255 / 3%);
  --surface-subtle: rgb(255 255 255 / 4%);
  --surface-soft: rgb(255 255 255 / 5%);
  --surface-medium: rgb(255 255 255 / 8%);
  --surface-strong: rgb(255 255 255 / 10%);
  --surface-hover-border: rgb(255 255 255 / 18%);
  --border-soft: rgb(255 255 255 / 10%);
  --border-medium: rgb(255 255 255 / 12%);
  --border-strong: rgb(255 255 255 / 14%);
  --border-emphasis: rgb(255 255 255 / 16%);
  --border-highlight: rgb(255 255 255 / 24%);
  --accent-surface: rgb(124 92 255 / 18%);
  --accent-surface-soft: rgb(124 92 255 / 10%);
  --accent-surface-strong: rgb(124 92 255 / 16%);
  --accent-border: rgb(154 131 255 / 34%);
  --accent-border-strong: rgb(154 131 255 / 48%);
  --accent-border-focus: rgb(154 131 255 / 58%);
  --accent-ring: rgb(124 92 255 / 13%);
  --overlay: rgb(0 0 0 / 58%);
  --overlay-soft: rgb(0 0 0 / 25%);
  --overlay-medium: rgb(0 0 0 / 28%);
  --overlay-strong: rgb(0 0 0 / 62%);
  --tooltip-bg: rgb(22 22 26);
  --tooltip-arrow: rgb(22 22 26);
  --text-bright: rgb(255 255 255 / 96%);
  --text-soft: rgb(255 255 255 / 82%);
  --text-dim: rgb(255 255 255 / 55%);
  --text-faint: rgb(255 255 255 / 42%);
  --text-ghost: rgb(255 255 255 / 22%);
  --success: #c9ffe8;
  --success-border: rgb(56 212 163 / 28%);
  --success-surface: rgb(56 212 163 / 8%);
  --success-border-strong: rgb(56 212 163 / 42%);
  --success-surface-strong: rgb(56 212 163 / 16%);
  --success-ring: rgb(56 212 163 / 18%);
  --positive: #8ce8bc;
  --positive-border: rgb(72 199 142 / 28%);
  --positive-surface: rgb(72 199 142 / 12%);
  --error-text: #ffd3d3;
  --error-text-strong: #ffb0b0;
  --error-border: rgb(255 121 121 / 32%);
  --error-surface: rgb(255 121 121 / 12%);
  --error-surface-strong: rgb(255 121 121 / 16%);
  --error-border-soft: rgb(255 107 107 / 28%);
  --error-surface-soft: rgb(255 107 107 / 12%);
  --info-text: #c4b0ff;
  --info-border: rgb(124 92 255 / 28%);
  --info-surface: rgb(124 92 255 / 12%);
  --node-input-bg: rgb(15 20 30 / 92%);
  --flow-panel-shadow: -12px 0 40px rgb(0 0 0 / 34%);
  --body-glow-primary: rgb(124 92 255 / 22%);
  --body-glow-secondary: rgb(45 212 191 / 12%);
  --logo-filter: none;
  --surface-inset: rgb(18 18 22);
  --surface-raised: rgb(24 24 28);
  --table-divider: rgb(60 60 60 / 45%);
  --node-bg: rgb(30 30 35);
  --node-shadow: 0 18px 60px rgb(0 0 0 / 42%);
  --chip-bg: rgb(255 255 255 / 7%);
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f6fb;
  --panel: #ffffff;
  --panel-soft: #eef1f7;
  --border: #d5dbe8;
  --text: #152238;
  --muted: #5c6b82;
  --accent: #6b4fd9;
  --accent-strong: #5638c7;
  --danger: #d64545;
  --warning: #b8820d;
  --shadow: 0 18px 48px rgb(15 35 68 / 12%);
  --card: #ffffff;
  --card-translucent: rgb(255 255 255 / 98%);
  --card-translucent-soft: rgb(255 255 255 / 96%);
  --dock: rgb(255 255 255 / 92%);
  --canvas-bg: #eef1f7;
  --canvas-grid: rgb(92 107 130 / 28%);
  --canvas-vignette: rgb(15 35 68 / 4%);
  --surface-faint: rgb(15 35 68 / 3%);
  --surface-subtle: rgb(15 35 68 / 4%);
  --surface-soft: rgb(15 35 68 / 5%);
  --surface-medium: rgb(15 35 68 / 7%);
  --surface-strong: rgb(15 35 68 / 9%);
  --surface-hover-border: rgb(15 35 68 / 16%);
  --border-soft: rgb(15 35 68 / 10%);
  --border-medium: rgb(15 35 68 / 12%);
  --border-strong: rgb(15 35 68 / 14%);
  --border-emphasis: rgb(15 35 68 / 16%);
  --border-highlight: rgb(15 35 68 / 22%);
  --accent-surface: rgb(107 79 217 / 12%);
  --accent-surface-soft: rgb(107 79 217 / 8%);
  --accent-surface-strong: rgb(107 79 217 / 16%);
  --accent-border: rgb(107 79 217 / 28%);
  --accent-border-strong: rgb(107 79 217 / 38%);
  --accent-border-focus: rgb(107 79 217 / 48%);
  --accent-ring: rgb(107 79 217 / 16%);
  --overlay: rgb(15 35 68 / 28%);
  --overlay-soft: rgb(15 35 68 / 12%);
  --overlay-medium: rgb(15 35 68 / 16%);
  --overlay-strong: rgb(15 35 68 / 42%);
  --tooltip-bg: #ffffff;
  --tooltip-arrow: #ffffff;
  --text-bright: rgb(15 35 68 / 96%);
  --text-soft: rgb(15 35 68 / 82%);
  --text-dim: rgb(15 35 68 / 58%);
  --text-faint: rgb(15 35 68 / 46%);
  --text-ghost: rgb(15 35 68 / 24%);
  --success: #0f6b4f;
  --success-border: rgb(15 107 79 / 24%);
  --success-surface: rgb(15 107 79 / 8%);
  --success-border-strong: rgb(15 107 79 / 34%);
  --success-surface-strong: rgb(15 107 79 / 12%);
  --success-ring: rgb(15 107 79 / 14%);
  --positive: #0f6b4f;
  --positive-border: rgb(15 107 79 / 24%);
  --positive-surface: rgb(15 107 79 / 10%);
  --error-text: #b42318;
  --error-text-strong: #d64545;
  --error-border: rgb(180 35 24 / 28%);
  --error-surface: rgb(180 35 24 / 10%);
  --error-surface-strong: rgb(180 35 24 / 14%);
  --error-border-soft: rgb(180 35 24 / 24%);
  --error-surface-soft: rgb(180 35 24 / 8%);
  --info-text: #5638c7;
  --info-border: rgb(107 79 217 / 24%);
  --info-surface: rgb(107 79 217 / 10%);
  --node-input-bg: rgb(255 255 255 / 96%);
  --flow-panel-shadow: -12px 0 40px rgb(15 35 68 / 10%);
  --body-glow-primary: rgb(107 79 217 / 10%);
  --body-glow-secondary: rgb(45 212 191 / 8%);
  --logo-filter: brightness(0.15);
  --surface-inset: #f8f9fc;
  --surface-raised: #eef1f7;
  --table-divider: rgb(15 35 68 / 12%);
  --node-bg: #ffffff;
  --node-shadow: 0 16px 40px rgb(15 35 68 / 10%);
  --chip-bg: rgb(15 35 68 / 6%);
}

[data-theme="light"] .brand-overlay,
[data-theme="light"] .loading-logo {
  filter: var(--logo-filter);
}