:root {
  color-scheme: dark;
  accent-color: #c93642;

  --is-dark-theme: true;

  --fonts-proportional:
    "Futura",
    "Futura PT",
    "Avenir Next",
    "Century Gothic",
    "Arial Narrow",
    Arial,
    sans-serif;
  --fonts-monospace:
    "IBM Plex Mono",
    "JetBrains Mono",
    "Cascadia Mono",
    "Liberation Mono",
    monospace;
  --fonts-emoji:
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Noto Color Emoji";

  --signalis-black: #080707;
  --signalis-body: #0d0b0b;
  --signalis-surface-1: #141111;
  --signalis-surface-2: #1b1617;
  --signalis-surface-3: #251d1f;
  --signalis-border: #49383b;
  --signalis-border-soft: #302527;

  --signalis-text: #e8dfd8;
  --signalis-text-muted: #b8ada7;
  --signalis-text-dim: #978b87;

  --signalis-red: #c93642;
  --signalis-red-hover: #e14a55;
  --signalis-red-active: #9f222d;
  --signalis-red-pale: #ff8c91;
  --signalis-amber: #d2a84a;
  --signalis-cyan: #78aaa5;
  --signalis-green: #77a377;

  --color-primary: var(--signalis-red);
  --color-primary-contrast: #fff5ef;
  --color-primary-hover: var(--signalis-red-hover);
  --color-primary-active: var(--signalis-red-active);

  --color-primary-dark-1: #ad2934;
  --color-primary-dark-2: #93212b;
  --color-primary-dark-3: #791a23;
  --color-primary-dark-4: #60151c;
  --color-primary-dark-5: #491015;
  --color-primary-dark-6: #340b0f;
  --color-primary-dark-7: #220709;

  --color-primary-light-1: #de4d57;
  --color-primary-light-2: #e86a72;
  --color-primary-light-3: #ef888d;
  --color-primary-light-4: #f4a7aa;
  --color-primary-light-5: #f8c5c7;
  --color-primary-light-6: #fbe0df;
  --color-primary-light-7: #fff3ef;

  --color-primary-alpha-10: #c9364219;
  --color-primary-alpha-20: #c9364233;
  --color-primary-alpha-30: #c936424d;
  --color-primary-alpha-40: #c9364266;
  --color-primary-alpha-50: #c9364280;
  --color-primary-alpha-60: #c9364299;
  --color-primary-alpha-70: #c93642b3;
  --color-primary-alpha-80: #c93642cc;
  --color-primary-alpha-90: #c93642e6;

  --color-secondary: var(--signalis-surface-2);
  --color-secondary-hover: var(--signalis-surface-3);
  --color-secondary-active: #302326;

  --color-secondary-dark-1: var(--signalis-surface-1);
  --color-secondary-dark-2: var(--signalis-body);
  --color-secondary-dark-3: var(--signalis-black);
  --color-secondary-dark-4: #060505;
  --color-secondary-dark-5: #040303;
  --color-secondary-dark-6: #020202;
  --color-secondary-dark-7: #000;
  --color-secondary-dark-8: #000;
  --color-secondary-dark-9: #000;
  --color-secondary-dark-10: #000;
  --color-secondary-dark-11: #000;
  --color-secondary-dark-12: #000;
  --color-secondary-dark-13: #000;

  --color-secondary-light-1: var(--signalis-surface-3);
  --color-secondary-light-2: #302628;
  --color-secondary-light-3: #3b2e31;
  --color-secondary-light-4: #49383b;

  --color-secondary-alpha-10: #49383b19;
  --color-secondary-alpha-20: #49383b33;
  --color-secondary-alpha-30: #49383b4d;
  --color-secondary-alpha-40: #49383b66;
  --color-secondary-alpha-50: #49383b80;
  --color-secondary-alpha-60: #49383b99;
  --color-secondary-alpha-70: #49383bb3;
  --color-secondary-alpha-80: #49383bcc;
  --color-secondary-alpha-90: #49383be6;

  --color-red: #d44750;
  --color-red-light: #ee747a;
  --color-red-dark-1: #ad2934;
  --color-red-dark-2: #86202a;

  --color-orange: #c47b45;
  --color-orange-light: #df9b63;
  --color-orange-dark-1: #a55f32;
  --color-orange-dark-2: #824824;

  --color-yellow: var(--signalis-amber);
  --color-yellow-light: #e8c672;
  --color-yellow-dark-1: #af8532;
  --color-yellow-dark-2: #836223;

  --color-olive: #9e9a5f;
  --color-olive-light: #bfba78;
  --color-olive-dark-1: #7c7845;
  --color-olive-dark-2: #5e5a33;

  --color-green: var(--signalis-green);
  --color-green-light: #9dc39d;
  --color-green-dark-1: #567c59;
  --color-green-dark-2: #3f6043;

  --color-teal: var(--signalis-cyan);
  --color-teal-light: #9bc7c2;
  --color-teal-dark-1: #56847f;
  --color-teal-dark-2: #3e6562;

  --color-blue: #7196b6;
  --color-blue-light: #9ab8d0;
  --color-blue-dark-1: #52738f;
  --color-blue-dark-2: #3b566e;

  --color-violet: #9b82ae;
  --color-violet-light: #bda7ca;
  --color-violet-dark-1: #766184;
  --color-violet-dark-2: #584861;

  --color-purple: #aa7695;
  --color-purple-light: #ca9eb7;
  --color-purple-dark-1: #82566f;
  --color-purple-dark-2: #623e52;

  --color-pink: #ca7180;
  --color-pink-light: #e59ba5;
  --color-pink-dark-1: #9e5260;
  --color-pink-dark-2: #773b47;

  --color-brown: #9b7664;
  --color-brown-light: #b99887;
  --color-brown-dark-1: #765747;
  --color-brown-dark-2: #583f34;

  --color-grey: #8a7e7b;
  --color-grey-light: #b0a4a0;
  --color-black: var(--signalis-black);
  --color-black-light: var(--signalis-surface-2);
  --color-black-dark-1: #040303;
  --color-black-dark-2: #000;

  --color-white: #fff9f4;
  --color-pure-black: #000;
  --color-gold: var(--signalis-amber);

  --color-body: var(--signalis-body);
  --color-box-header: var(--signalis-surface-2);
  --color-box-body: var(--signalis-surface-1);
  --color-box-body-highlight: var(--signalis-surface-2);

  --color-text-dark: var(--signalis-text);
  --color-text: var(--signalis-text);
  --color-text-light: var(--signalis-text-muted);
  --color-text-light-1: var(--signalis-text-muted);
  --color-text-light-2: #b8aba6;
  --color-text-light-3: var(--signalis-text-dim);
  --color-text-focus: #fff6ef;
  --color-placeholder-text: #978b87;

  --color-footer: var(--signalis-black);
  --color-timeline: var(--signalis-border-soft);

  --color-input-text: var(--signalis-text);
  --color-input-background: #171314;
  --color-input-toggle-background: #2a2022;
  --color-input-border: var(--signalis-border);
  --color-input-border-hover: #765259;

  --color-header-wrapper: #0a0808;
  --color-header-wrapper-transparent: #0a080800;
  --color-nav-bg: #0a0808;
  --color-nav-hover-bg: var(--signalis-surface-3);
  --color-secondary-nav-bg: var(--signalis-body);

  --color-light: #fff7ef12;
  --color-light-mimic-enabled: #fff7ef0b;
  --color-light-border: var(--signalis-border-soft);
  --color-hover: var(--signalis-surface-3);
  --color-active: #2c2123;
  --color-menu: var(--signalis-surface-2);
  --color-card: var(--signalis-surface-1);

  --fancy-card-bg: var(--signalis-surface-1);
  --fancy-card-border: var(--signalis-border-soft);

  --color-markup-table-row: #fff7ef08;
  --color-markup-code-block: #090808;
  --color-markup-code-inline: #281e20;
  --color-code-bg: #100d0d;
  --color-button: #2b2223;
  --color-shadow: #00000070;
  --color-secondary-bg: var(--signalis-surface-2);
  --color-expand-button: #2d2325;
  --color-editor-line-highlight: #21191a;
  --color-project-board-bg: #120f0f;
  --color-project-board-dark-label: var(--signalis-text-muted);

  --color-caret: var(--signalis-red-pale);
  --color-reaction-bg: #fff7ef0a;
  --color-reaction-active-bg: var(--color-primary-alpha-30);
  --color-reaction-hover-bg: var(--color-primary-alpha-40);

  --color-tooltip-text: var(--signalis-text);
  --color-tooltip-bg: #090808ee;
  --color-overlay-backdrop: #050404cc;

  --color-label-text: #f7ebe5;
  --color-label-bg: #49363a;
  --color-label-hover-bg: #5c4146;
  --color-label-active-bg: #735057;
  --color-label-bg-alt: #382b2e;

  --color-accent: var(--signalis-red);
  --color-small-accent: var(--signalis-red-active);
  --color-highlight-fg: #ffd2cf;
  --color-highlight-bg: var(--color-primary-alpha-20);

  --color-selection-bg: #75333b;
  --color-selection-fg: #fff8f2;

  --checkerboard-color-1: #251d1f;
  --checkerboard-color-2: #171314;

  --color-diff-removed-word-bg: #712730;
  --color-diff-added-word-bg: #31533b;
  --color-diff-removed-row-bg: #2d171a;
  --color-diff-moved-row-bg: #302716;
  --color-diff-added-row-bg: #17261b;
  --color-diff-removed-row-border: #5b252c;
  --color-diff-moved-row-border: #66552d;
  --color-diff-added-row-border: #315b3c;
  --color-diff-inactive: #3a3031;

  --color-error-border: #7e3038;
  --color-error-bg: #2a1518;
  --color-error-bg-active: #3b1a1f;
  --color-error-bg-hover: #3b1a1f;
  --color-error-text: #f39aa0;

  --color-success-border: #456e4a;
  --color-success-bg: #17251a;
  --color-success-text: #a5cda5;

  --color-warning-border: #80672e;
  --color-warning-bg: #292111;
  --color-warning-text: #e2c476;

  --color-info-border: #426b69;
  --color-info-bg: #142322;
  --color-info-text: #a0ceca;

  --color-red-badge: #e05a63;
  --color-red-badge-bg: #c9364226;
  --color-red-badge-hover-bg: #c936424c;

  --color-green-badge: #8ebb8e;
  --color-green-badge-bg: #77a37726;
  --color-green-badge-hover-bg: #77a3774c;

  --color-yellow-badge: #dabb63;
  --color-yellow-badge-bg: #d2a84a26;
  --color-yellow-badge-hover-bg: #d2a84a4c;

  --color-orange-badge: #d09365;
  --color-orange-badge-bg: #c47b4526;
  --color-orange-badge-hover-bg: #c47b454c;

  --color-console-fg: #e4ddd7;
  --color-console-fg-subtle: #958985;
  --color-console-bg: #080707;
  --color-console-border: #3a2b2e;
  --color-console-hover-bg: #21191a;
  --color-console-active-bg: #302225;
  --color-console-menu-bg: #1a1415;
  --color-console-menu-border: #4b3539;

  --color-ansi-black: #0b0909;
  --color-ansi-red: #d95760;
  --color-ansi-green: #86b286;
  --color-ansi-yellow: #d7b45d;
  --color-ansi-blue: #7ea0bd;
  --color-ansi-magenta: #b782a0;
  --color-ansi-cyan: #85b6b1;
  --color-ansi-white: #d6ccc7;
  --color-ansi-bright-black: #766b68;
  --color-ansi-bright-red: #f0787f;
  --color-ansi-bright-green: #add0ad;
  --color-ansi-bright-yellow: #eed17c;
  --color-ansi-bright-blue: #a5bfd3;
  --color-ansi-bright-magenta: #d4a4bf;
  --color-ansi-bright-cyan: #aed2ce;
  --color-ansi-bright-white: #fff7f1;

  --color-indicator-offline: #756b68;
  --color-indicator-offline-20: #756b6833;
  --color-indicator-idle: var(--signalis-amber);
  --color-indicator-idle-20: #d2a84a33;
  --color-indicator-active: var(--signalis-red);
  --color-indicator-active-20: #c9364233;
}

html,
body {
  background-color: var(--signalis-body);
}

body {
  background-image:
    radial-gradient(
      circle at 88% 0%,
      #9f222d1c 0,
      #9f222d0b 17rem,
      transparent 38rem
    ),
    linear-gradient(
      180deg,
      #120e0f 0,
      var(--signalis-body) 15rem,
      var(--signalis-body) 100%
    );
  background-attachment: fixed;
}

.full.height > .following.bar,
.ui.top.secondary.stackable.main.menu,
header {
  position: relative;
}

.full.height > .following.bar::after,
.ui.top.secondary.stackable.main.menu::after,
header::after {
  content: "";
  position: absolute;
  left: max(1rem, calc((100% - 1200px) / 2));
  bottom: -1px;
  width: 30px;
  height: 3px;
  background: var(--signalis-red);
  pointer-events: none;
}

body,
.ui,
button,
input,
textarea,
select {
  letter-spacing: 0.012em;
}

code,
kbd,
pre,
.chroma,
.CodeMirror,
.monaco-editor {
  font-family: var(--fonts-monospace) !important;
}

.ui.segment,
.ui.segments,
.ui.card,
.ui.cards > .card,
.ui.menu,
.ui.button,
.ui.label,
.ui.input > input,
.ui.form input,
.ui.form textarea,
.ui.form select,
.repository.file.list,
.repository-file,
.file-content,
.diff-box,
.comment,
.issue-comment,
.pr-review-comment {
  border-radius: 2px !important;
}

.full.height > .following.bar,
.ui.top.secondary.stackable.main.menu,
header {
  border-bottom: 1px solid #772831 !important;
  box-shadow: 0 1px 0 #000;
}

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

a,
.ui.breadcrumb a,
.repo-title a {
  text-decoration-color: #c9364266;
  text-underline-offset: 0.16em;
}

a:hover,
.ui.breadcrumb a:hover,
.repo-title a:hover {
  color: var(--signalis-red-pale) !important;
  text-decoration-color: var(--signalis-red-pale);
}

.ui.segment,
.ui.segments,
.ui.card,
.ui.cards > .card,
.repository-file,
.file-content,
.diff-box,
.comment,
.issue-comment,
.pr-review-comment {
  border-color: var(--signalis-border-soft) !important;
  box-shadow: none !important;
}

.ui.segment:hover,
.ui.card:hover,
.ui.cards > .card:hover {
  border-color: #5e4146 !important;
}

.ui.primary.button,
.ui.primary.buttons .button,
.ui.positive.button,
.ui.positive.buttons .button {
  background: var(--signalis-red) !important;
  color: #fff7f1 !important;
  border: 1px solid #ee7780 !important;
  box-shadow: inset 0 0 0 1px #7e1d28 !important;
  font-weight: 700;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover,
.ui.positive.button:hover,
.ui.positive.buttons .button:hover {
  background: var(--signalis-red-hover) !important;
}

.ui.basic.button,
.ui.button:not(.primary):not(.positive):not(.negative):not(.red) {
  border-color: var(--signalis-border) !important;
}

.ui.input > input:focus,
.ui.form input:focus,
.ui.form textarea:focus,
.ui.form select:focus {
  border-color: var(--signalis-red) !important;
  box-shadow: 0 0 0 1px var(--color-primary-alpha-30) !important;
}

.ui.label,
.repo-topic {
  border-radius: 1px !important;
}

.repo-topic,
.ui.basic.label {
  border-color: var(--signalis-border) !important;
}

.repository .file-view,
.repository .file-content,
.markup,
.markdown-body {
  background-color: var(--signalis-surface-1);
}

.markup code,
.markdown-body code {
  border: 1px solid #3b2c2f;
}

.markup pre,
.markdown-body pre,
.chroma {
  border: 1px solid #34272a;
  box-shadow: inset 3px 0 0 #7d2831;
}

.chroma .c,
.chroma .c1,
.chroma .cm,
.chroma .ch,
.chroma .cs {
  color: #807572;
  font-style: italic;
}

.chroma .k,
.chroma .kc,
.chroma .kd,
.chroma .kn,
.chroma .kp,
.chroma .kr,
.chroma .kt {
  color: #e16a73;
}

.chroma .s,
.chroma .s1,
.chroma .s2,
.chroma .sa,
.chroma .sb,
.chroma .sc,
.chroma .sd,
.chroma .se,
.chroma .sh,
.chroma .si,
.chroma .sr,
.chroma .ss,
.chroma .sx {
  color: #d8bd76;
}

.chroma .m,
.chroma .mb,
.chroma .mf,
.chroma .mh,
.chroma .mi,
.chroma .mo,
.chroma .il {
  color: #cf9367;
}

.chroma .n,
.chroma .na,
.chroma .nb,
.chroma .nc,
.chroma .nd,
.chroma .ne,
.chroma .nf,
.chroma .ni,
.chroma .nl,
.chroma .nn,
.chroma .no,
.chroma .nt,
.chroma .nv {
  color: #c7d8d4;
}

.chroma .o,
.chroma .ow,
.chroma .p {
  color: #c0aaa6;
}

.chroma .gd {
  color: #ff9ca2;
  background-color: var(--color-diff-removed-row-bg);
}

.chroma .gi {
  color: #b5d8b5;
  background-color: var(--color-diff-added-row-bg);
}

.chroma .gh,
.chroma .gu {
  color: var(--signalis-red-pale);
  font-weight: 700;
}

.markup h1,
.markup h2,
.markup h3,
.markdown-body h1,
.markdown-body h2,
.markdown-body h3 {
  color: #f2e9e2;
  border-color: #493438;
  letter-spacing: 0.035em;
}

.markup h1::before,
.markdown-body h1::before {
  content: "// ";
  color: var(--signalis-red);
}

.markup table tr,
.markdown-body table tr {
  border-color: var(--signalis-border-soft);
}

.markup table tr:nth-child(2n),
.markdown-body table tr:nth-child(2n) {
  background-color: #1a1415;
}

* {
  scrollbar-color: #68464c #110e0e;
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #110e0e;
}

::-webkit-scrollbar-thumb {
  background: #68464c;
  border: 2px solid #110e0e;
}

::-webkit-scrollbar-thumb:hover {
  background: #8e4c56;
}

:focus-visible {
  outline: 1px solid var(--signalis-red-pale) !important;
  outline-offset: 2px;
}

::selection {
  color: var(--color-selection-fg);
  background: var(--color-selection-bg);
}

body,
.ui,
.page-content,
.repository,
.repository .repository-summary,
.repository .repo-header,
.ui.header,
.ui.header > .content,
.ui.menu,
.ui.menu .item,
.ui.menu .item > a:not(.ui),
.ui.dropdown .menu,
.ui.dropdown .menu > .item,
.ui.list > .item,
.ui.list > .item > .content,
.ui.list > .item .header,
.ui.table,
.ui.table thead th,
.ui.table tbody td,
.ui.form .field > label,
.ui.form .fields > .field > label,
.ui.checkbox label,
.ui.radio.checkbox label,
.ui.popup,
.ui.modal,
.ui.modal > .header,
.ui.modal > .content,
.ui.message,
.ui.feed > .event > .content,
.ui.comments .comment .author,
.ui.comments .comment .text,
.ui.card > .content > .header,
.ui.cards > .card > .content > .header,
.ui.card > .content > .description,
.ui.cards > .card > .content > .description,
.repository .repo-title,
.repo-list .repo-title,
.repo-list .repo-description,
.commit-list .message,
.issue-title,
.issue-content,
.timeline-item,
.activity .content,
.markup,
.markdown-body {
  color: var(--signalis-text) !important;
}

.ui.black.text,
.ui.text.black,
.black.text,
.text.black,
.ui.grey.text,
.ui.text.grey,
.grey.text,
.text.grey {
  color: var(--signalis-text) !important;
}

.ui.header .sub.header,
.ui.list > .item .description,
.ui.card > .content > .meta,
.ui.cards > .card > .content > .meta,
.ui.feed > .event > .content .summary .date,
.ui.comments .comment .metadata,
.repository .metas,
.repo-list .repo-description,
.commit-list .commit-meta,
.issue-content .meta,
.timeline-item .text.grey,
.activity .time,
time,
.text.muted,
.muted {
  color: var(--signalis-text-muted) !important;
}

input,
textarea,
select,
.ui.input > input,
.ui.form input,
.ui.form textarea,
.ui.form select,
.ui.selection.dropdown,
.ui.selection.dropdown > .text,
.ui.dropdown > .text,
.CodeMirror,
.monaco-editor {
  color: var(--signalis-text) !important;
}

input::placeholder,
textarea::placeholder,
.ui.input > input::placeholder,
.ui.form input::placeholder,
.ui.form textarea::placeholder {
  color: var(--signalis-text-dim) !important;
  opacity: 1;
}

.ui.dropdown .menu > .header,
.ui.dropdown .menu > .item,
.ui.popup .header,
.ui.popup .content,
.ui.modal .header,
.ui.modal .content {
  color: var(--signalis-text) !important;
}

.ui.tabular.menu .item,
.ui.secondary.menu .item,
.ui.pointing.menu .item,
.ui.breadcrumb,
.ui.breadcrumb .section,
.ui.breadcrumb .divider {
  color: var(--signalis-text-muted) !important;
}

.ui.tabular.menu .active.item,
.ui.secondary.menu .active.item,
.ui.pointing.menu .active.item,
.ui.breadcrumb a.section {
  color: var(--signalis-text) !important;
}

.ui.label,
.ui.button,
.ui.message.error,
.ui.message.warning,
.ui.message.success,
.ui.message.info,
.chroma,
.diff,
.diff-file-box {
  color: revert-layer;
}

@media (max-width: 767px) {
  body {
    background-image:
      radial-gradient(
        circle at 100% 0%,
        #9f222d16 0,
        transparent 22rem
      ),
      linear-gradient(
        180deg,
        #120e0f 0,
        var(--signalis-body) 12rem
      );
  }

  .full.height > .following.bar::after,
  .ui.top.secondary.stackable.main.menu::after,
  header::after {
    left: 1rem;
    width: 22px;
  }
}

.ui.form .field .help,
.ui.form .field .help p,
.ui.form .field .help > p {
  color: var(--signalis-text-muted, #b8ada7) !important;
}

.markup pre,
.markdown-body pre,
.chroma {
  box-shadow: none !important;
}