body {
  background-color: #111111;
  color: #E5DFD5;
  font-family: 'Outfit', sans-serif;
  overflow-x: hidden;
  margin: 0;
}

/* Matte Obsidian & Clay Sand Panel Styles */
.glass-panel {
  background: #1B1B1B;
  border: 1px solid #2D2D2D;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.glass-panel-hover:hover {
  background: #222222;
  border-color: #3D3D3D;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

/* Active Flowing Cable Animation */
@keyframes dash {
  to {
    stroke-dashoffset: -20;
  }
}

.cable-active {
  stroke-dasharray: 5, 5;
  animation: dash 1s linear infinite;
}

/* LED Port Link Indicator Blinking */
@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

.led-blink {
  animation: blink 1.2s infinite;
}

/* Glow Shadow for Active Components (Slate Ocean Blue accent) */
.device-active {
  box-shadow: 0 0 15px rgba(84, 133, 163, 0.35);
}

/* Dark Mode Scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #111111;
}

::-webkit-scrollbar-thumb {
  background: #2D2D2D;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #8C867E;
}