:root {
  --dcm-navy: #051424;
  --dcm-deep: #010f1f;
  --dcm-panel: #0d1c2d;
  --dcm-panel-raised: #122131;
  --dcm-border: #273647;
  --dcm-text: #d4e4fa;
  --dcm-muted: #bbc9cd;
  --dcm-cyan: #8aebff;
  --dcm-cyan-strong: #22d3ee;
  --dcm-green: #4de082;
}

body {
  background: var(--dcm-deep) !important;
  color: var(--dcm-text) !important;
}

#navbar, .ui.menu, .ui.secondary.menu {
  background: linear-gradient(135deg, var(--dcm-navy), var(--dcm-panel)) !important;
  border-color: var(--dcm-border) !important;
}

.ui.segment, .ui.card, .repository, .ui.attached.segment {
  background: var(--dcm-panel) !important;
  border-color: var(--dcm-border) !important;
  color: var(--dcm-text) !important;
}

a, .ui.breadcrumb a, .repo-title a { color: var(--dcm-cyan) !important; }
a:hover, .ui.breadcrumb a:hover, .repo-title a:hover { color: var(--dcm-cyan-strong) !important; }

.ui.button, .ui.primary.button {
  background: var(--dcm-cyan-strong) !important;
  color: #01111f !important;
  border: 1px solid var(--dcm-cyan) !important;
}

.ui.button:hover, .ui.primary.button:hover { filter: brightness(1.12); }
.ui.positive.button, .ui.green.button { background: var(--dcm-green) !important; color: #03130a !important; }

input, textarea, select, .ui.input input {
  background: var(--dcm-panel-raised) !important;
  border-color: var(--dcm-border) !important;
  color: var(--dcm-text) !important;
}

input:focus, textarea:focus, select:focus {
  border-color: var(--dcm-cyan-strong) !important;
  box-shadow: 0 0 0 2px rgb(34 211 238 / 20%) !important;
}

.ui.label { background: var(--dcm-panel-raised) !important; border-color: var(--dcm-border) !important; color: var(--dcm-muted) !important; }
.ui.divider { border-color: var(--dcm-border) !important; }
::selection { background: var(--dcm-cyan-strong); color: #01111f; }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; } }