/* ============================================================
   edemilov homelab — Gitea custom theme
   Matches edemilov.ru's dark terminal aesthetic:
   JetBrains Mono / Space Grotesk, warm-dark palette, orange accent.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root {
  --ee-bg:      #1a1612;
  --ee-bg2:     #221e19;
  --ee-bg3:     #2c271f;
  --ee-text:    #f0ebe3;
  --ee-muted:   #8a8078;
  --ee-muted2:  #4a4540;
  --ee-accent:  #cc785c;
  --ee-border:  rgba(240,235,227,0.08);
  --ee-font:    'Space Grotesk', sans-serif;
  --ee-mono:    'JetBrains Mono', ui-monospace, monospace;
}

/* Hide the 4 feature blocks (Easy to install / Cross-platform / Lightweight / Open Source) */
.page-content.home .icons,
.page-content.home .flex-container {
  display: none !important;
}

/* Keep logo + title + tagline, center everything, cleaner spacing */
.page-content.home {
  padding-bottom: 4em !important;
}

/* ── Base ───────────────────────────────────────────────── */
html, body {
  background: var(--ee-bg) !important;
  color: var(--ee-text) !important;
  font-family: var(--ee-font) !important;
}

h1, h2, h3, h4, h5, h6, .ui.header {
  font-family: var(--ee-font) !important;
  color: var(--ee-text) !important;
}

code, pre, tt, kbd, .CodeMirror, .monospace,
.blob-excerpt, .lines-num, .lines-code,
.ui.form input, .ui.input > input, textarea, select {
  font-family: var(--ee-mono) !important;
}

a { color: var(--ee-accent); }
a:hover { color: var(--ee-text); }

/* ── Navbar / header ────────────────────────────────────── */
#navbar, .ui.menu, .ui.secondary.menu {
  background: var(--ee-bg2) !important;
  border-color: var(--ee-border) !important;
}
#navbar .item, .ui.menu .item {
  color: var(--ee-text) !important;
}
#navbar .item:hover, .ui.menu .item:hover {
  color: var(--ee-accent) !important;
  background: rgba(204,120,92,0.08) !important;
}

/* ── Buttons ────────────────────────────────────────────── */
.ui.primary.button, .ui.green.button, button.ui.green,
.ui.primary.buttons .button {
  background: var(--ee-accent) !important;
  color: var(--ee-bg) !important;
  font-family: var(--ee-mono) !important;
  border: none !important;
}
.ui.primary.button:hover, .ui.green.button:hover {
  background: #e8967a !important;
}
.ui.basic.button {
  color: var(--ee-text) !important;
  border-color: var(--ee-border) !important;
  background: transparent !important;
}

/* ── Segments / cards / boxes ───────────────────────────── */
.ui.segment, .repository .ui.segment, .ui.attached.segment,
.ui.table, .dashboard-navbar, .repo-header {
  background: var(--ee-bg2) !important;
  border-color: var(--ee-border) !important;
  color: var(--ee-text) !important;
}
.ui.table td, .ui.table th {
  background: transparent !important;
  color: var(--ee-text) !important;
  border-color: var(--ee-border) !important;
}

/* ── Forms / inputs (this covers the login page) ───────── */
.ui.form input:not([type=checkbox]):not([type=radio]),
.ui.input > input, textarea {
  background: var(--ee-bg) !important;
  border: 1px solid var(--ee-border) !important;
  color: var(--ee-text) !important;
}
.ui.form input:focus, .ui.input > input:focus, textarea:focus {
  border-color: var(--ee-accent) !important;
}
.ui.form label {
  color: var(--ee-muted) !important;
  font-family: var(--ee-mono) !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 11px !important;
}

/* Login/register page container */
.user.signin .ui.segment, .user.signup .ui.segment,
.authentication.action {
  background: var(--ee-bg2) !important;
  border: 1px solid var(--ee-border) !important;
  border-radius: 6px !important;
}

/* ── Footer ─────────────────────────────────────────────── */
.footer, .ui.footer {
  background: var(--ee-bg2) !important;
  color: var(--ee-muted) !important;
  border-color: var(--ee-border) !important;
}
.footer .ui.container a, .ui.footer a {
  color: var(--ee-muted) !important;
}
.footer .ui.container a:hover, .ui.footer a:hover {
  color: var(--ee-accent) !important;
}