:root {
  --comfyclaw-cyan: #00E5FF;
  --comfyclaw-violet: #9049FF;
}

[data-md-color-primary="custom"] {
  --md-primary-fg-color: var(--comfyclaw-cyan);
  --md-primary-fg-color--light: #5ff3ff;
  --md-primary-fg-color--dark: #00bcd4;
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color: var(--comfyclaw-violet);
  --md-accent-fg-color--transparent: rgba(144, 73, 255, 0.2);
}

.md-header, .md-tabs {
  background: linear-gradient(90deg, rgba(0,229,255,0.18), rgba(144,73,255,0.18));
  border-bottom: 1px solid rgba(0,229,255,0.25);
}

.md-logo img {
  filter: drop-shadow(0 0 6px rgba(0,229,255,0.6));
}

.md-typeset code {
  background: rgba(0, 229, 255, 0.08);
  border: 1px solid rgba(0, 229, 255, 0.25);
  border-radius: 6px;
  padding: 0.1em 0.3em;
}

.md-typeset pre code {
  background: rgba(6, 16, 26, 0.9);
  border: 1px solid rgba(144, 73, 255, 0.3);
  border-radius: 10px;
}

.md-typeset .admonition,
.md-typeset details {
  border-color: rgba(0, 229, 255, 0.4);
  box-shadow: 0 0 0 1px rgba(0, 229, 255, 0.08);
}

.md-typeset .admonition-title,
.md-typeset summary {
  background: rgba(0, 229, 255, 0.12);
}

.md-typeset .admonition.note {
  border-color: rgba(0, 229, 255, 0.5);
}

.md-typeset .admonition.warning {
  border-color: rgba(245, 158, 11, 0.6);
}

.md-typeset .admonition.tip {
  border-color: rgba(144, 73, 255, 0.6);
}

.md-typeset a {
  color: var(--comfyclaw-cyan);
}

.md-typeset a:hover {
  color: var(--comfyclaw-violet);
}

.md-footer {
  background: rgba(6, 16, 26, 0.9);
}