/* Forge: Kyle's dark theme. Forgejo's own dark theme, re-tinted from steel
   blue to warm iron and soot, with ember accents. Forgejo's dark theme takes
   nearly all its greys from the --steel-* scale, so retuning that scale
   recolours the whole interface; the rest are a few accents on top. */
@import url("./theme-forgejo-dark.css");

:root {
  --steel-900: #0e0c0b;
  --steel-850: #141110;
  --steel-800: #191514;
  --steel-750: #201b19;
  --steel-700: #28211e;
  --steel-650: #302825;
  --steel-600: #3b322e;
  --steel-550: #483d38;
  --steel-500: #564943;
  --steel-450: #66574f;
  --steel-400: #77675e;
  --steel-350: #89786e;
  --steel-300: #9c8b80;
  --steel-250: #af9e93;
  --steel-200: #c2b2a7;
  --steel-150: #d5c6bb;
  --steel-100: #e9dcd2;

  --color-primary: #ff8a3d;
  --color-primary-light-1: #f9731b;
  --color-primary-dark-1: #ffa564;
  --color-accent: #ff8a3d;

  --color-nav-bg: #120f0e;
  --color-header-wrapper: #161211;
  --color-header-wrapper-transparent: #16121100;
  --color-footer: #0e0c0b;
  --color-markup-code-block: #141110;
  --color-code-bg: #171312;
  --color-markup-code-inline: #241d1a;

  --border-radius: 6px;
}

/* An ember line under the top bar. */
#navbar {
  border-bottom: 1px solid transparent !important;
  border-image: linear-gradient(90deg, #ff8a3d00, #ff8a3dcc 30%, #ff5a1f 55%, #ff8a3d00) 1;
}

/* Repo names and page headings: a touch heavier, a touch tighter. */
.repo-header .repo-title,
.repository .repo-header .flex-item-title {
  font-weight: 650;
  letter-spacing: -0.01em;
}

/* Rows in the file list light up warm on hover. */
#repo-files-table tbody tr.entry:hover {
  background: #ff8a3d0d;
}

/* Buttons that are the main action on a page. */
.ui.primary.button,
.ui.primary.buttons .button {
  background: linear-gradient(180deg, #ff9a52, #f2701f);
  color: #1a0f08;
}
.ui.primary.button:hover {
  background: linear-gradient(180deg, #ffab6c, #ff7d2b);
}