/* Товарооборот: штатные переменные темы Forgejo. */
:root {
  --color-primary: #cda874 !important;
  --color-primary-contrast: #1b3544 !important;
  --color-primary-dark-1: #162c38 !important;
  --color-primary-dark-2: #122430 !important;
  --color-primary-dark-3: #0e1c26 !important;
  --color-primary-dark-4: #0a141c !important;
  --color-primary-light-1: #294b5e !important;
  --color-primary-light-2: #3d6278 !important;
  --color-primary-light-3: #5c7f93 !important;
  --color-primary-light-4: #8aa3b3 !important;
  --color-primary-light-5: #b7c8d1 !important;
  --color-primary-light-6: #dce5ea !important;
  --color-primary-light-7: #f3f6f7 !important;
  --color-primary-alpha-10: #1b354419 !important;
  --color-primary-alpha-20: #1b354433 !important;
  --color-primary-alpha-30: #1b35444d !important;
  --color-primary-alpha-40: #1b354466 !important;
  --color-primary-alpha-50: #1b354480 !important;
  --color-primary-alpha-60: #1b354499 !important;
  --color-primary-alpha-70: #1b3544b3 !important;
  --color-primary-alpha-80: #1b3544cc !important;
  --color-primary-alpha-90: #1b3544e6 !important;
  --color-primary-hover: #e4c99a !important;
  --color-primary-active: #987440 !important;
  --color-accent: #987440 !important;
  --color-small-accent: #cda874 !important;
  --color-highlight-fg: #987440 !important;
  --color-highlight-bg: #f3f6f7 !important;
  accent-color: #987440 !important;
}

.ui.primary.button,
.ui.primary.buttons .button {
  background-color: #1b3544 !important;
  color: #fff !important;
}
.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  background-color: #294b5e !important;
}

a,
.ui a,
.markdown a {
  color: #cda874 !important;
}
a:hover,
.ui a:hover,
.markdown a:hover {
  color: #e6d3ad !important;
}

#navbar-logo img {
  content: url("/assets/img/emblem.png?v=5");
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.page-content.home img.logo {
  content: url("/assets/img/logo-horizontal.png?v=5");
  width: min(460px, 92vw);
  height: auto;
  object-fit: contain;
}

.brand-signin-mark {
  display: none;
}

body:has(.page-content.user.signin) .brand-signin-mark {
  display: block;
  width: min(320px, 86vw);
  height: auto;
  margin: 28px auto 0;
}