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

:root {
  --fonts-proportional: Arial, Helvetica, sans-serif;
  --fonts-monospace: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --is-dark-theme: true;
  --color-primary: #4281ff;
  --color-primary-contrast: #061727;
  --color-primary-dark-1: #6ea0ff;
  --color-primary-dark-2: #8db4ff;
  --color-primary-dark-3: #adc8ff;
  --color-primary-dark-4: #ccddff;
  --color-primary-dark-5: #e3ecff;
  --color-primary-dark-6: #eef4ff;
  --color-primary-dark-7: #f6f9ff;
  --color-primary-light-1: #3472ed;
  --color-primary-light-2: #2863d4;
  --color-primary-light-3: #2053b5;
  --color-primary-light-4: #184495;
  --color-primary-light-5: #123675;
  --color-primary-light-6: #0d295c;
  --color-primary-light-7: #091e46;
  --color-primary-alpha-10: #4281ff19;
  --color-primary-alpha-20: #4281ff33;
  --color-primary-alpha-30: #4281ff4d;
  --color-primary-alpha-40: #4281ff66;
  --color-primary-alpha-50: #4281ff80;
  --color-primary-alpha-60: #4281ff99;
  --color-primary-alpha-70: #4281ffb3;
  --color-primary-alpha-80: #4281ffcc;
  --color-primary-alpha-90: #4281ffe6;
  --color-primary-hover: #6ea0ff;
  --color-primary-active: #3472ed;

  --color-body: #061727;
  --color-header-wrapper: #061727;
  --color-header-wrapper-transparent: #06172700;
  --color-nav-bg: #061727;
  --color-secondary-nav-bg: #0a2035;
  --color-footer: #061727;

  --color-box-header: #0a2035;
  --color-box-body: #12324f;
  --color-box-body-highlight: #173d60;
  --color-card: #12324f;
  --fancy-card-bg: #12324f;
  --fancy-card-border: #29506f;
  --color-menu: #0a2035;
  --color-secondary: #12324f;
  --color-secondary-bg: #12324f;
  --color-secondary-light-1: #173d60;
  --color-secondary-light-2: #1d466b;
  --color-secondary-light-3: #0a2035;
  --color-secondary-light-4: #061727;
  --color-secondary-dark-1: #29506f;
  --color-secondary-dark-2: #356080;
  --color-hover: #173d60;
  --color-active: #1d466b;

  --color-text-dark: #ffffff;
  --color-text: #f4f7fb;
  --color-text-light: #c4d0dc;
  --color-text-light-1: #b7c5d3;
  --color-text-light-2: #aab8c6;
  --color-text-light-3: #8fa2b4;
  --color-input-text: #f4f7fb;
  --color-input-background: #0a2035;
  --color-input-toggle-background: #173d60;
  --color-input-border: #29506f;
  --color-input-border-hover: #4281ff;
  --color-placeholder-text: #8fa2b4;

  --color-blue: #4281ff;
  --color-blue-light: #6ea0ff;
  --color-orange: #4281ff;
  --color-orange-light: #6ea0ff;
  --color-orange-dark-1: #3472ed;
  --color-orange-dark-2: #2863d4;
  --color-orange-badge: #4281ff;
  --color-orange-badge-bg: #4281ff22;
  --color-orange-badge-hover-bg: #4281ff44;
  --color-thin-orange: #4281ff;
  --color-violet: #905eff;
  --color-violet-light: #ac88ff;
  --color-purple: #905eff;
  --color-teal: #4281ff;
  --color-green: #45d3ad;
  --color-accent: #4281ff;
  --color-small-accent: #905eff;
  --color-highlight-fg: #ffffff;
  --color-highlight-bg: #4281ff2b;
  --color-caret: #4281ff;
  --color-selection-bg: #4281ff;
  --color-selection-fg: #ffffff;
  --color-light-border: #29506f;
  --color-timeline: #29506f;
  --color-label-bg: #173d60;
  --color-label-hover-bg: #1d466b;
  --color-button: #173d60;
  --color-code-bg: #0a2035;
  --color-markup-code-block: #0a2035;
  --color-markup-code-inline: #0a2035;
  --color-editor-line-highlight: #12324f;
  --color-project-board-bg: #0a2035;
  --color-shadow: #000b1499;
  color-scheme: dark;
}

body {
  background-color: #061727;
  background-image: radial-gradient(circle at 100% 0, #12324f 0, #0a2035 14rem, transparent 28rem);
  background-attachment: fixed;
}

.full.height {
  background: transparent;
}

.ui.menu,
.ui.segment,
.ui.card,
.ui.cards > .card,
.repository.file.list,
.repository.view.issue .comment-list .comment {
  border-color: #29506f !important;
  box-shadow: 0 10px 26px #000b1438 !important;
}

.ui.primary.button,
.ui.primary.buttons .button {
  background: #4281ff !important;
  color: #061727 !important;
  font-weight: 700;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  background: #6ea0ff !important;
}

.ui.secondary.pointing.menu .active.item,
.ui.tabular.menu .active.item {
  border-color: #4281ff !important;
  color: #ffffff !important;
}

#navbar {
  border-bottom: 1px solid #2863d4;
  box-shadow: 0 8px 24px #000b1466;
}

#navbar-logo img {
  filter: drop-shadow(0 0 8px #4281ff55);
}

a,
.ui.breadcrumb a,
.ui.list a.item {
  color: #6ea0ff;
}

a:hover,
.ui.breadcrumb a:hover,
.ui.list a.item:hover {
  color: #ffffff;
}

::selection {
  background: #4281ff;
  color: #ffffff;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4281ff, #905eff);
  border-radius: 999px;
}

.chroma .k,
.chroma .kd,
.chroma .kr,
.chroma .ne,
.chroma .nl,
.chroma .nt,
.chroma .o {
  color: #4281ff;
}

.chroma .gh,
.chroma .kn,
.chroma .nc,
.chroma .sa,
.chroma .sc,
.chroma .si,
.chroma .sx {
  color: #6ea0ff;
}

.chroma .bp,
.chroma .na,
.chroma .nb,
.chroma .nf,
.chroma .ni,
.chroma .se,
.chroma .ss {
  color: #8db4ff;
}

.CodeMirror.cm-s-default .cm-keyword,
.CodeMirror.cm-s-paper .cm-keyword,
.CodeMirror.cm-s-default .cm-string-2,
.CodeMirror.cm-s-paper .cm-string-2 {
  color: #4281ff;
}

.CodeMirror.cm-s-default .cm-meta,
.CodeMirror.cm-s-paper .cm-meta,
.CodeMirror.cm-s-default .cm-qualifier,
.CodeMirror.cm-s-paper .cm-qualifier,
.CodeMirror.cm-s-default .cm-tag,
.CodeMirror.cm-s-paper .cm-tag {
  color: #6ea0ff;
}

@media (max-width: 480px) {
  .home .hero h1.ui.icon.header.title {
    font-size: 2.35rem !important;
    line-height: 1.15 !important;
    overflow-wrap: normal;
    word-break: keep-all;
  }
}
