:root {

  /* Top navbar */
  --am3-navbar-background: rgba(0, 0, 0, 1); /* Pure black */
  --am3-navbar-color: rgba(220, 220, 255, 1); /* Soft light purple/blue text */

  /* Node titlebar */
  --am3-nodetitle-background: rgba(30, 0, 60, 1); /* Very dark purple near black */
  --am3-nodetitle-color: rgba(230, 230, 255, 1); /* Light purple text */
  --am3-nodetitle-button-hl: rgba(150, 120, 255, 1); /* Bright purple highlight */

  /* Connection table */
  --am3-conntable-header-text: rgba(200, 200, 230, 1); /* Muted light blue */
  --am3-conntable-header-bg: rgba(0, 0, 0, 1); /* Pure black */
  --am3-conntable-border-color: rgba(70, 70, 100, 1); /* Medium blue gray */
  --am3-conntable-conn-keyed-color: rgba(230, 230, 255, 1);
  --am3-conntable-conn-keyed-bg-color: rgba(40, 10, 80, 1); /* Darker purple */

  --am3-conntable-conn-noconn-color: rgba(180, 180, 210, 1);
  --am3-conntable-conn-noconn-bg-color: rgba(0, 0, 0, 1); /* Pure black */

  /* Node transmission states */
  --am3-node-tx-local-color: rgb(230, 230, 255);
  --am3-node-tx-local-bg-color: rgb(55, 35, 90); /* Dark violet */

  --am3-node-tx-network-color: rgb(230, 230, 255);
  --am3-node-tx-network-bg-color: rgb(55, 35, 90);

  --am3-node-tx-telemetry-color: rgb(230, 230, 255);
  --am3-node-tx-telemetry-bg-color: rgb(55, 35, 90);

  --am3-node-tx-playback-remote-color: rgb(230, 230, 255);
  --am3-node-tx-playback-remote-bg-color: rgb(55, 35, 90);

  --am3-node-no-tx-color: rgb(180, 180, 210);
  --am3-node-no-tx-bg-color: rgb(15, 15, 15); /* Almost black */

}

/* Side navbar buttons - black background with purples */
.btn-secondary {
    --bs-btn-color: #DDD6FF;
    --bs-btn-bg: #1a0033; /* Very dark purple / near black */
    --bs-btn-border-color: #3b0066;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #330099; /* Bright purple */
    --bs-btn-hover-border-color: #4d00cc;
    --bs-btn-focus-shadow-rgb: 110, 100, 190;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #4d00cc;
    --bs-btn-active-border-color: #4400bb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #AAA;
    --bs-btn-disabled-bg: #0a001a;
    --bs-btn-disabled-border-color: #0a001a;
}