:root {
  --nxtblue-ink: #0a1721;
  --nxtblue-ink-soft: #102331;
  --nxtblue-panel: #142b3a;
  --nxtblue-panel-soft: #183344;
  --nxtblue-line: #244c5f;
  --nxtblue-cyan: #00b6bd;
  --nxtblue-cyan-soft: #4dd3d7;
  --nxtblue-lime: #c7df32;
  --nxtblue-white: #f7fbfc;

  --is-dark-theme: true;
  --color-primary: var(--nxtblue-cyan);
  --color-primary-contrast: var(--nxtblue-ink);
  --color-primary-dark-1: #00a5ac;
  --color-primary-dark-2: #008f96;
  --color-primary-dark-3: #00777e;
  --color-primary-dark-4: #006269;
  --color-primary-light-1: var(--nxtblue-cyan-soft);
  --color-primary-light-2: #7fe2e5;
  --color-primary-light-3: #a9ecee;
  --color-primary-light-4: #cff7f8;
  --color-primary-alpha-10: #00b6bd1a;
  --color-primary-alpha-20: #00b6bd33;
  --color-primary-alpha-30: #00b6bd4d;
  --color-primary-alpha-40: #00b6bd66;
  --color-primary-alpha-50: #00b6bd80;
  --color-primary-alpha-60: #00b6bd99;
  --color-primary-alpha-70: #00b6bdb3;
  --color-primary-alpha-80: #00b6bdcc;
  --color-primary-alpha-90: #00b6bde6;
  --color-primary-hover: var(--color-primary-light-1);
  --color-primary-active: var(--color-primary-dark-2);

  --color-body: var(--nxtblue-ink);
  --color-header-wrapper: #07131c;
  --color-header-wrapper-transparent: #07131c00;
  --color-footer: #07131c;
  --color-navbar: #07131c;
  --color-nav-bg: #07131c;
  --color-menu: var(--nxtblue-panel);
  --color-card: var(--nxtblue-panel);
  --color-box-header: var(--nxtblue-panel-soft);
  --color-box-body: var(--nxtblue-panel);
  --color-box-body-highlight: #1c3d50;
  --color-secondary-bg: var(--nxtblue-panel-soft);
  --color-secondary: #244c5f;
  --color-secondary-hover: #2d5c72;
  --color-secondary-active: #35718a;
  --color-button: #244c5f;
  --color-hover: #1e4052;
  --color-active: #28566c;
  --color-light: #ffffff18;
  --color-light-border: #ffffff24;
  --color-shadow: #00000070;

  --color-text-dark: var(--nxtblue-white);
  --color-text: #e7f1f4;
  --color-text-light: #c5d8de;
  --color-text-light-1: #b2cad2;
  --color-text-light-2: #9cb8c2;
  --color-text-light-3: #85a4af;
  --color-input-text: #f3fbfc;
  --color-input-background: #102838;
  --color-input-toggle-background: #102838;
  --color-input-border: var(--nxtblue-line);
  --color-input-border-hover: var(--nxtblue-cyan);
  --color-code-bg: #0d202e;
  --color-markup-code-block: #0d202e;
  --color-markup-code-inline: #143244;
  --color-label-bg: #245062;
  --color-label-hover-bg: #2c6177;
  --color-accent: var(--nxtblue-cyan);
  --color-small-accent: var(--nxtblue-lime);
  --color-highlight-fg: var(--nxtblue-ink);
  --color-highlight-bg: var(--nxtblue-lime);
  accent-color: var(--nxtblue-cyan);
  color-scheme: dark;
}

body {
  background:
    radial-gradient(circle at 15% -10%, rgba(0, 182, 189, 0.16), transparent 26rem),
    linear-gradient(180deg, #07131c 0%, var(--nxtblue-ink) 18rem);
}

.full.height,
.page-content,
.repository,
.dashboard {
  background: transparent;
}

#navbar {
  border-bottom: 1px solid rgba(0, 182, 189, 0.22);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
}

#navbar .item.brand img,
.ui.menu .item.brand img {
  max-height: 34px;
}

.ui.primary.button,
.ui.primary.buttons .button {
  background: linear-gradient(135deg, var(--nxtblue-cyan), var(--nxtblue-lime)) !important;
  color: var(--nxtblue-ink) !important;
  font-weight: 700;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  background: linear-gradient(135deg, var(--nxtblue-cyan-soft), #d9ed62) !important;
  color: var(--nxtblue-ink) !important;
}

.ui.segment,
.ui.attached.segment,
.ui.card,
.ui.cards > .card,
.repository.file.list,
.repository .diff-detail-box,
.repository .header-wrapper,
.repository .ui.tabs.container {
  border-color: rgba(0, 182, 189, 0.2) !important;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.18);
}

a,
.ui.breadcrumb a,
.repo-title a {
  color: var(--nxtblue-cyan-soft);
}

a:hover,
.ui.breadcrumb a:hover,
.repo-title a:hover {
  color: var(--nxtblue-lime);
}

.ui.menu .active.item,
.ui.secondary.pointing.menu .active.item {
  color: var(--nxtblue-lime) !important;
  border-color: var(--nxtblue-lime) !important;
}