/* untone git theme - red accent on near black */
@import url("/assets/css/theme-forgejo-dark.css");

:root {
  /* accent ladder. -dark-N goes lighter, -light-N goes darker, forgejo's convention */
  --color-primary: #ff2235;
  --color-primary-contrast: #fff;
  --color-primary-dark-1: #ff4d5c;
  --color-primary-dark-2: #ff707c;
  --color-primary-dark-3: #ff949d;
  --color-primary-dark-4: #ffb8bd;
  --color-primary-dark-5: #ffdcdf;
  --color-primary-dark-6: #ffe8ea;
  --color-primary-dark-7: #fff4f5;
  --color-primary-light-1: #e61e2f;
  --color-primary-light-2: #cc1b2a;
  --color-primary-light-3: #b31824;
  --color-primary-light-4: #99141f;
  --color-primary-light-5: #801119;
  --color-primary-light-6: #660d14;
  --color-primary-light-7: #4d0a0f;
  --color-primary-alpha-10: #ff223519;
  --color-primary-alpha-20: #ff223533;
  --color-primary-alpha-30: #ff22354b;
  --color-primary-alpha-40: #ff223566;
  --color-primary-alpha-50: #ff223580;
  --color-primary-alpha-60: #ff223599;
  --color-primary-alpha-70: #ff2235b3;
  --color-primary-alpha-80: #ff2235cc;
  --color-primary-alpha-90: #ff2235e1;
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-light-1);

  /* chrome */
  --color-nav-bg: #ff2235;
  --color-nav-hover-bg: #060606;
  --color-active: #ff2235;
  --color-accent: #ff2235;
  --color-hover: #ffffff0f;

  /* surfaces, warm tinted rather than neutral grey */
  --color-body: #0d0b0c;
  --color-box-body: #141112;
  --color-box-body-highlight: #1a1617;
  --color-box-header: #1a1617;
  --color-card: #141112;
  --color-menu: #141112;
  --color-footer: #0d0b0c;
  --color-header-wrapper: #141112;
  --color-code-bg: #100e0f;
  --color-markup-code-block: #100e0f;
  --color-markup-code-inline: #1c1819;

  /* inputs and borders */
  --color-input-background: #100e0f;
  --color-input-border: #2b2426;
  --color-input-border-hover: #ff2235;
  --color-light-border: #2b2426;
  --color-secondary: #2b2426;

  --color-caret: #ff2235;
  --color-highlight-bg: #ff22351f;
  --color-highlight-fg: #ff4d5c;
  --color-editor-line-highlight: #ff22350d;
  --color-overlay-backdrop: #000000b3;
}

/* logo block, white mark plus wordmark */
#navbar {
padding: 0;
margin: 0;
height: auto !important;
min-height: 1px;
max-height: 900px;
display: flex;
align-items: center;
}
.ui.secondary.menu .active.item {
 border-radius: 0px;
}
#navbar-logo {
  border-right: 1px solid #0004;
  border-radius: 0;
margin: 0;
padding: 8px 20px;
background: var(--color-accent);
align-self: stretch;
margin-right: 10px;
}
#navbar-logo img {
  filter: grayscale(1) brightness(4) !important;
}
#navbar-logo::after {
  content: "UNTONE GIT";
  font-weight: 600;
  letter-spacing: .02em;
  margin-left: 8px;
  font-size: 18px;
}

#navbar {

background: black;
border-bottom: 3px solid var(--color-accent);
}
/* navbar contents go white so they read on red */
#navbar .item,
#navbar .item:hover,
#navbar .item .svg { color: #fff; }
#navbar .item:hover { background: var(--color-nav-hover-bg); }
#navbar .active {
color: white;
background-color: var(--color-accent);
}
/* keep semantic colours honest, red is the accent so danger needs distance */
:root {
  --color-red: #ff5a67;
  --color-error-text: #ffb8bd;
  --color-error-border: #99141f;
  --color-error-bg: #2a1113;
}