:root {
  --color-primary: #3b82f6;
  --color-primary-dark-1: #2563eb;
  --color-primary-dark-2: #1d4ed8;
  --color-primary-light-1: #60a5fa;
  --color-primary-light-2: #93c5fd;
  --color-primary-light-3: #bfdbfe;
  --color-primary-alpha-10: rgba(59,130,246,0.1);
  --color-primary-alpha-20: rgba(59,130,246,0.2);

  --color-body: #0a0f1a;
  --color-box-body: #0d1526;
  --color-box-header: #0d1526;

  --color-nav-bg: #0a0f1a;
  --color-nav-hover-bg: #1e2d45;

  --color-sidebar-bg: #0d1526;

  --color-border: #1e2d45;

  --color-text-dark: #f8fafc;
  --color-text: #e2e8f0;
  --color-text-light-1: #94a3b8;
  --color-text-light-2: #64748b;
  --color-text-light-3: #475569;

  --color-input-background: #0a0f1a;
  --color-input-border: #1e2d45;

  --color-card: #0d1526;

  --color-menu: #0d1526;
  --color-menu-active: #1e2d45;

  --color-header-wrapper: #0a0f1a;
  --color-footer: #0a0f1a;

  --color-timeline-badge-bg: #0d1526;

  --color-diff-blob-expander-bg: #0d1526;
  --color-diff-blob-selected: rgba(59,130,246,0.15);

  --color-label-bg: #1e2d45;

  --color-code-bg: #0d1526;
  --color-code-sidebar-bg: #0d1526;
}

/* Nav logo/brand */
.navbar .item.brand { color: #f8fafc !important; font-weight: 700; }

/* Kill the default teal */
.ui.menu .active.item,
.ui.menu .active.item:hover {
  background: var(--color-menu-active) !important;
  color: var(--color-primary) !important;
}

/* Buttons */
.ui.primary.button {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}
.ui.primary.button:hover {
  background: var(--color-primary-dark-1) !important;
}

/* Segment/card borders */
.ui.segment, .ui.card {
  border-color: var(--color-border) !important;
}

/* Fix dropdown z-index */
.ui.dropdown .menu {
  z-index: 1000 !important;
}

/* Fix dropdown clipping */
.navbar {
  overflow: visible !important;
  z-index: 100 !important;
}
.navbar .ui.dropdown .menu {
  z-index: 9999 !important;
  position: absolute !important;
}
.ui.menu .ui.dropdown .menu {
  z-index: 9999 !important;
}