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

:root {
  --steel-900: #010409;
  --steel-850: #0d1117;
  --steel-800: #0d1117;
  --steel-750: #161b22;
  --steel-700: #161b22;
  --steel-650: #21262d;
  --steel-600: #30363d;
  --steel-550: #3d444d;
  --steel-500: #59636e;
  --steel-450: #6e7681;
  --steel-400: #8b949e;
  --steel-350: #9da7b3;
  --steel-300: #b1bac4;
  --steel-250: #c9d1d9;
  --steel-200: #d0d7de;
  --steel-150: #e6edf3;
  --steel-100: #f0f6fc;

  --color-primary: #168cff;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #3aa6ff;
  --color-primary-dark-2: #5ab8ff;
  --color-primary-dark-3: #7ac8ff;
  --color-primary-dark-4: #9bd8ff;
  --color-primary-dark-5: #bce7ff;
  --color-primary-dark-6: #d6f1ff;
  --color-primary-dark-7: #ecf9ff;
  --color-primary-light-1: #087bea;
  --color-primary-light-2: #056bd0;
  --color-primary-light-3: #055db5;
  --color-primary-light-4: #064e95;
  --color-primary-light-5: #073f76;
  --color-primary-light-6: #07345f;
  --color-primary-light-7: #082a4a;
  --color-primary-alpha-10: #168cff1a;
  --color-primary-alpha-20: #168cff33;
  --color-primary-alpha-30: #168cff4d;
  --color-primary-alpha-40: #168cff66;
  --color-primary-alpha-50: #168cff80;
  --color-primary-alpha-60: #168cff99;
  --color-primary-alpha-70: #168cffb3;
  --color-primary-alpha-80: #168cffcc;
  --color-primary-alpha-90: #168cffe6;

  --color-body: #0d1117;
  --color-nav-bg: #010409;
  --color-header-wrapper: #010409;
  --color-footer: #010409;
  --color-box-header: #161b22;
  --color-box-body: #0d1117;
  --color-box-body-highlight: #161b22;
  --color-card: #161b22;
  --color-menu: #161b22;
  --color-secondary-bg: #161b22;
  --color-input-background: #0d1117;
  --color-input-toggle-background: #21262d;
  --color-input-border: #3d444d;
  --color-input-border-hover: #6e7681;
  --color-text: #f0f6fc;
  --color-text-dark: #ffffff;
  --color-text-light: #c9d1d9;
  --color-text-light-1: #b1bac4;
  --color-text-light-2: #9da7b3;
  --color-text-light-3: #8b949e;
  --color-hover: #21262d;
  --color-active: #30363d;
  --color-light-border: #30363d;
  --color-accent: #19c8e5;
  --color-small-accent: #79e8f6;
  --color-highlight-fg: #9bd8ff;
  --color-highlight-bg: #168cff26;
  --color-selection-bg: #168cff;
  --color-selection-fg: #ffffff;
  --color-shadow: #00000080;
}

body {
  background-image:
    radial-gradient(circle at 18% -10%, rgb(22 140 255 / 10%), transparent 34rem),
    radial-gradient(circle at 86% 0%, rgb(25 200 229 / 7%), transparent 30rem);
  background-attachment: fixed;
}

.full.height > .menu,
.page-content > .ui.menu,
.ui.top.attached.header {
  border-color: #30363d !important;
}

.ui.segment,
.ui.segments,
.ui.menu,
.ui.card,
.ui.cards > .card,
.ui.modal {
  border-color: #30363d !important;
  box-shadow: 0 8px 24px rgb(0 0 0 / 18%);
}

.ui.button {
  border-radius: 6px;
  font-weight: 600;
}

.ui.primary.button {
  background: linear-gradient(135deg, #087bea, #168cff) !important;
  box-shadow: 0 0 0 1px rgb(122 200 255 / 18%) inset;
}

.ui.primary.button:hover,
.ui.primary.button:focus {
  background: linear-gradient(135deg, #168cff, #19a8e5) !important;
}

.ui.input > input,
.ui.form input:not([type]),
.ui.form input[type="text"],
.ui.form input[type="password"],
.ui.form input[type="email"],
.ui.form textarea {
  border-radius: 6px;
  box-shadow: 0 0 0 1px transparent;
}

.ui.input > input:focus,
.ui.form input:focus,
.ui.form textarea:focus {
  border-color: #168cff !important;
  box-shadow: 0 0 0 3px rgb(22 140 255 / 18%) !important;
}

.brand img,
img.logo {
  filter: drop-shadow(0 0 10px rgb(22 140 255 / 22%));
}

a,
.ui.breadcrumb a,
.ui.list a {
  text-underline-offset: 0.18em;
}

::selection {
  background: #168cff;
  color: #ffffff;
}