/* XYZ Git — поверх полной темы Forgejo dark */
@import url("/assets/css/theme-forgejo-dark.css");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Inter+Display:ital,wght@0,400;0,500;0,600;0,700&display=swap");

:root {
  --font-xyz: "Inter", system-ui, sans-serif;
  --font-xyz-display: "Inter Display", "Inter", system-ui, sans-serif;
  --xyz-base: #232228;
  --xyz-raised: #2a282f;
  --xyz-surface: #2f2d35;
  --xyz-hover: #35333c;
  --xyz-border: #3c3a44;
  --xyz-nav: #1c1b20;
  --xyz-footer: #1a191e;
  --xyz-accent: #a89cf0;
  --xyz-accent-hover: #beb4f5;

  --steel-900: var(--xyz-footer);
  --steel-850: var(--xyz-nav);
  --steel-800: var(--xyz-base);
  --steel-750: var(--xyz-raised);
  --steel-700: var(--xyz-surface);
  --steel-650: var(--xyz-hover);
  --steel-600: var(--xyz-border);
  --color-body: var(--xyz-base);
  --color-box-header: var(--xyz-raised);
  --color-box-body: var(--xyz-surface);
  --color-box-body-highlight: var(--xyz-hover);
  --color-header-wrapper: var(--xyz-nav);
  --color-nav-bg: var(--xyz-nav);
  --color-footer: var(--xyz-footer);
  --color-card: var(--xyz-raised);
  --color-menu: var(--xyz-raised);
  --color-secondary: var(--xyz-surface);
  --color-input-background: var(--xyz-surface);
  --color-input-border: var(--xyz-border);
  --color-code-bg: var(--xyz-raised);
  --color-primary: var(--xyz-accent);
  --color-primary-light-1: var(--xyz-accent-hover);
  --color-primary-hover: var(--xyz-accent-hover);
}

html,
body,
body.ui,
.ui,
.ui.button,
.ui.menu,
.ui.form input,
.ui.form textarea,
.ui.form select,
.ui.dropdown,
.ui.header,
.ui.segment,
.ui.card,
.ui.table,
.ui.message,
.ui.label,
.ui.tab,
.ui.steps,
.ui.breadcrumb,
.ui.pagination,
.ui.list,
.ui.items,
.ui.feed,
.ui.comment,
.ui.statistic,
.ui.popup,
.ui.modal,
.ui.search,
.ui.input,
button,
input,
textarea,
select,
label,
p,
span,
a,
li,
td,
th,
h1,
h2,
h3,
h4,
h5,
h6,
.ui.header,
.ui.menu .header.item,
.navbar .item,
.repo-list-name,
.repository .header,
.page-content > .ui.header,
.dashboard .ui.header,
.explore .ui.header {
  font-family: var(--font-xyz-display) !important;
  letter-spacing: -0.02em;
}

code,
pre,
.chroma,
.CodeMirror,
tt,
kbd,
samp,
.monospace,
.ui.code {
  font-family: ui-monospace, "Cascadia Code", "Fira Code", Consolas, monospace !important;
}

html,
body,
body.ui,
.full.height,
.page-content,
.dashboard,
.explore {
  background-color: #232228 !important;
}

#navbar,
.ui.menu.main.menu,
.header-wrapper {
  background-color: #1c1b20 !important;
}

footer,
.ui.footer.segment {
  background-color: #1a191e !important;
}

.ui.segment,
.ui.card,
.ui.attached.segment {
  background-color: #2f2d35 !important;
  border-color: #3c3a44 !important;
}

.ui.button.primary,
.ui.primary.button {
  background-color: #a89cf0 !important;
  border-color: #a89cf0 !important;
  color: #1a191e !important;
}

/* Логотип: в HTML всегда logo.svg — подменяем через фон */
#navbar-logo {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 130px !important;
  height: 40px !important;
  background: url("/assets/img/xyzgit-logo.png") no-repeat left center !important;
  background-size: contain !important;
}

#navbar-logo img,
#navbar-logo svg {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
}