:root {
  --color-primary: #8b5cf6;
  --color-primary-dark-1: #7c3aed;
  --color-primary-dark-2: #6d28d9;
  --color-primary-dark-3: #5b21b6;
  --color-primary-light-1: #a78bfa;
  --color-primary-light-2: #c4b5fd;
  --color-primary-light-3: #ddd6fe;

  --color-body: #0b0f14;
  --color-box-body: #111827;
  --color-box-header: #0f172a;
  --color-navbar: #050816;
  --color-footer: #050816;

  --color-text: #e5e7eb;
  --color-text-light: #cbd5e1;
  --color-text-light-2: #94a3b8;

  --color-border: #1f2937;
  --color-input-background: #020617;
  --color-input-border: #334155;
}

.ui.primary.button,
.ui.primary.buttons .button {
  background: linear-gradient(135deg, #7c3aed, #2563eb) !important;
}

.navbar {
  border-bottom: 1px solid #1f2937;
}

.repository .header-wrapper {
  background: radial-gradient(circle at top left, rgba(124, 58, 237, 0.16), transparent 45%);
}

.footer {
  opacity: 0.85;
}