/*
 * Hermes theme layer for the vendored upstream Open Agent Builder.
 * Keep this file isolated so the builder behavior remains upstream-clean.
 */
:root {
  --heat-4: #ff3db20a;
  --heat-8: #ff3db214;
  --heat-12: #ff3db21f;
  --heat-16: #ff3db229;
  --heat-20: #ff3db233;
  --heat-40: #ff3db266;
  --heat-90: #ff3db2e6;
  --heat-100: #ff3db2;
  --accent-amethyst: #a76cff;
  --accent-bluetron: #5eeaff;
  --background-base: #0b0817;
  --background-lighter: #120d24;
  --border-faint: #2f2356;
  --border-muted: #3a2a67;
  --border-loud: #4f3790;
  --accent-black: #f8f3ff;
  --accent-white: #0f0b1d;
  --black-alpha-4: rgba(248, 243, 255, 0.04);
  --black-alpha-6: rgba(248, 243, 255, 0.06);
  --black-alpha-12: rgba(248, 243, 255, 0.12);
  --black-alpha-20: rgba(248, 243, 255, 0.2);
  --black-alpha-32: rgba(248, 243, 255, 0.32);
}

html,
body {
  background: #0b0817;
  color: #f8f3ff;
}

.react-flow__background {
  background-color: #0b0817;
}

.react-flow__controls button,
.react-flow__minimap {
  background: #120d24;
  border-color: #3a2a67;
  color: #f8f3ff;
}

.react-flow__edge-path {
  stroke: rgba(248, 243, 255, 0.62);
}

.react-flow__handle {
  border-color: #f8f3ff;
}
