@import url("/assets/css/theme-forgejo-dark.css");

:root {
  --steel-900: #080b10;
  --steel-850: #0b1118;
  --steel-800: #0f151d;
  --steel-750: #121a24;
  --steel-700: #17212d;
  --steel-650: #1d2a39;
  --steel-600: #253547;
  --steel-550: #304258;
  --steel-500: #415369;
  --steel-450: #52657a;
  --steel-400: #63778d;
  --steel-350: #7b8ea2;
  --steel-300: #97a7b8;
  --steel-250: #afbdca;
  --steel-200: #c7d1dc;
  --steel-150: #dce4ec;
  --steel-100: #edf3f8;

  --color-primary: #5bbee8;
  --color-primary-contrast: #06111b;
  --color-primary-dark-1: #7bcbed;
  --color-primary-dark-2: #9ad8f2;
  --color-primary-dark-3: #b9e4f6;
  --color-primary-dark-4: #d8f1fb;
  --color-primary-dark-5: #eefaff;
  --color-primary-dark-6: #f6fdff;
  --color-primary-dark-7: #ffffff;
  --color-primary-light-1: #3aa8dc;
  --color-primary-light-2: #1b7ec8;
  --color-primary-light-3: #166aaa;
  --color-primary-light-4: #11558a;
  --color-primary-light-5: #0d4880;
  --color-primary-light-6: #0a3762;
  --color-primary-light-7: #072846;
  --color-primary-alpha-10: #1b7ec819;
  --color-primary-alpha-20: #1b7ec833;
  --color-primary-alpha-30: #1b7ec84d;
  --color-primary-alpha-40: #1b7ec866;
  --color-primary-alpha-50: #1b7ec880;
  --color-primary-alpha-60: #1b7ec899;
  --color-primary-alpha-70: #1b7ec8b3;
  --color-primary-alpha-80: #1b7ec8cc;
  --color-primary-alpha-90: #1b7ec8e6;

  --color-body: #0b1118;
  --color-nav-bg: #080b10;
  --color-header-wrapper: #0b1118;
  --color-footer: #080b10;
  --color-box-header: #121a24;
  --color-box-body: #0f151d;
  --color-box-body-highlight: #17212d;
  --color-menu: #121a24;
  --color-card: #121a24;
  --fancy-card-bg: #17212d;
  --fancy-card-border: #253547;
  --color-input-background: #0f151d;
  --color-input-border: #304258;
  --color-hover: #1d2a39;
  --color-active: #253547;
  --color-accent: #5bbee8;
  --color-small-accent: #0d4880;
  --color-highlight-fg: #9ad8f2;
  --color-highlight-bg: #1b7ec833;
  --color-text: #edf3f8;
  --color-text-light: #c7d1dc;
  --color-text-light-1: #afbdca;
  --color-text-light-2: #97a7b8;
  --color-text-light-3: #7b8ea2;
  --color-link: #5bbee8;
  --color-code-bg: #0c1420;
  --color-markup-code-inline: #0c1420;
  --color-markup-code-block: #090d12;
  accent-color: #5bbee8;
}

body {
  background:
    radial-gradient(circle at 16% -10%, #1b7ec81f, transparent 30rem),
    linear-gradient(180deg, #0b1118 0%, #080b10 100%);
}

#navbar {
  min-height: 56px;
  border-bottom: 1px solid #1d2a39;
  background: rgba(8, 11, 16, 0.94);
  backdrop-filter: blur(14px);
  box-shadow: 0 12px 36px #00000033;
}

#navbar .item {
  border-radius: 6px;
  margin: 8px 2px;
  padding-inline: 10px;
  color: #afbdca;
  transition: background 120ms ease, color 120ms ease, box-shadow 120ms ease;
}

#navbar .item:hover,
#navbar details summary:hover {
  background: #1d2a39;
  color: #edf3f8;
}

#navbar .navbar-right .item.active {
  color: #edf3f8;
  background: #1b7ec833;
  box-shadow: inset 0 0 0 1px #1b7ec84d;
}

#navbar-logo img {
  border-radius: 9px;
  box-shadow: 0 0 0 1px #304258, 0 8px 24px #1b7ec833;
}

.page-content {
  padding-top: 24px;
}

.ui.container,
.ui.grid > .column {
  color: #edf3f8;
}

.ui.primary.button,
.ui.primary.buttons .button {
  border: 1px solid #3aa8dc;
  background: linear-gradient(180deg, #2f9cda 0%, #1b7ec8 100%);
  color: #ffffff;
  box-shadow: 0 10px 24px #1b7ec826, inset 0 1px 0 #ffffff24;
  font-weight: 650;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  border-color: #5bbee8;
  background: linear-gradient(180deg, #5bbee8 0%, #1b7ec8 100%);
  color: #ffffff;
  box-shadow: 0 12px 30px #1b7ec840, inset 0 1px 0 #ffffff30;
}

.ui.button,
.ui.buttons .button {
  border-radius: 6px;
  background: #1d2a39;
  color: #edf3f8;
  box-shadow: inset 0 0 0 1px #304258;
}

.ui.button:hover,
.ui.buttons .button:hover {
  background: #253547;
  color: #ffffff;
}

a,
.ui.breadcrumb a,
.repo-title a,
.markup a {
  color: #5bbee8;
}

.ui.menu .active.item,
.ui.secondary.menu .active.item {
  color: #edf3f8;
  background: #1b7ec833;
}

.ui.menu,
.ui.vertical.menu,
.ui.dropdown .menu,
details.dropdown .content {
  border-color: #253547;
  border-radius: 8px;
  background: #121a24;
  box-shadow: 0 18px 50px #00000055;
}

.ui.menu .item,
.ui.vertical.menu .item,
details.dropdown .content a {
  color: #c7d1dc;
}

.ui.menu .item:hover,
.ui.vertical.menu .item:hover,
details.dropdown .content a:hover {
  background: #1d2a39;
  color: #edf3f8;
}

.ui.input > input,
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="text"],
.ui.form input[type="time"],
.ui.form input[type="url"],
.ui.form textarea,
.ui.selection.dropdown {
  border: 1px solid #304258;
  border-radius: 6px;
  background: #0b1118;
  color: #edf3f8;
  box-shadow: inset 0 1px 0 #ffffff08;
}

.ui.input > input:focus,
.ui.form input:focus,
.ui.form textarea:focus,
.ui.selection.dropdown:focus,
.ui.selection.active.dropdown,
.ui.selection.active.dropdown:hover {
  border-color: #5bbee8;
  background: #0f151d;
  box-shadow: 0 0 0 3px #1b7ec833, inset 0 1px 0 #ffffff08;
}

.ui.form label,
.ui.form .field > label {
  color: #c7d1dc;
  font-weight: 650;
}

.ui.header,
h1,
h2,
h3,
h4 {
  color: #edf3f8;
}

.ui.top.attached.header,
.ui.attached.header,
.ui.segment,
.ui.attached.segment,
.ui.message,
.repository.file.list #repo-files-table,
.repository .header-wrapper,
.ui.repository.list .item,
.feeds .list ul li.private,
.dashboard.feeds .context.user.menu {
  border-color: #253547;
  background: #0f151d;
  box-shadow: 0 12px 32px #00000024;
}

.ui.top.attached.header,
.ui.attached.header,
.repository .header-wrapper {
  background: linear-gradient(180deg, #121a24 0%, #0f151d 100%);
}

.ui.attached.segment,
.ui.segment {
  border-radius: 0 0 8px 8px;
}

.ui.container.fluid > .ui.top.attached.header:first-child {
  border-radius: 8px 8px 0 0;
}

.ui.table,
table {
  border-color: #253547;
  background: #0f151d;
}

.ui.table thead th,
table th {
  background: #121a24;
  color: #c7d1dc;
}

.ui.table td,
.ui.table th,
table td,
table th {
  border-color: #1d2a39;
}

.repository.file.list #repo-files-table tbody tr:hover,
.ui.table tbody tr:hover {
  background: #17212d;
}

.ui.label,
.ui.labels .label {
  border-radius: 6px;
  background: #1d2a39;
  color: #c7d1dc;
  border-color: #304258;
}

.ui.primary.label,
.ui.primary.labels .label {
  background: #1b7ec833 !important;
  color: #b9e4f6 !important;
  border: 1px solid #1b7ec84d;
}

.repo-title,
.repository .repo-title {
  font-weight: 750;
}

.repository .repo-header .repo-title-wrap {
  gap: 8px;
}

.markup code,
code,
pre,
.code-view {
  border-color: #253547;
  background: #080b10;
}

.page-footer {
  border-top: 1px solid #1d2a39;
  background: #080b10;
  color: #7b8ea2;
}

.user.signin .ui.attached.segment,
.user.signin .ui.top.attached.header {
  max-width: 520px;
  margin-inline: auto;
}

.user.signin .ui.top.attached.header {
  border-bottom: 0;
  background:
    linear-gradient(180deg, #121a24 0%, #0f151d 100%);
  font-size: 18px;
}

.user.signin .ui.attached.segment {
  padding: 28px;
}

.ui.checkbox input:checked ~ label:before,
.ui.checkbox input:checked:focus ~ label:before {
  border-color: #5bbee8;
  background: #1b7ec8;
}