/* Noviform NoviHub theme - Gitea 28.2 */
:root {
  --color-primary: #20d9e8;
  --color-primary-dark-1: #11b8ca;
  --color-primary-dark-2: #0d98aa;
  --color-primary-dark-3: #087887;
  --color-primary-light-1: #4be5ef;
  --color-primary-light-2: #7cecf3;
  --color-primary-light-3: #b5f7f8;
  --color-primary-alpha-10: #20d9e81a;
  --color-primary-alpha-20: #20d9e833;
  --color-primary-alpha-30: #20d9e84d;
  --color-secondary: #172337;
  --color-secondary-dark-1: #111c2e;
  --color-secondary-dark-2: #0c1627;
  --color-secondary-dark-3: #080f1d;
  --color-secondary-light-1: #24344c;
  --color-secondary-light-2: #30435d;
  --color-secondary-light-3: #405574;
  --color-body: #080e1a;
  --color-box-header: #111c2d;
  --color-box-body: #0d1727;
  --color-text: #e8f1fb;
  --color-text-dark: #f7fbff;
  --color-text-light: #a8b8cb;
  --color-text-light-1: #8094ad;
  --color-border: #26374d;
  --color-card: #101b2c;
  --color-hover: #17263a;
  --color-active: #1a2c42;
  --color-menu: #0d1727;
  --color-input-background: #0b1524;
  --color-input-border: #30445d;
  --color-input-text: #e8f1fb;
  --color-footer: #080e1a;
  --color-shadow: #00000066;
  --fonts-proportional: Inter, "Segoe UI", system-ui, sans-serif;
  --fonts-monospace: "JetBrains Mono", Consolas, monospace;
}

html, body {
  background:
    radial-gradient(ellipse at 12% 0%, rgba(22,196,220,.10), transparent 36%),
    radial-gradient(ellipse at 92% 8%, rgba(94,76,220,.09), transparent 32%),
    #080e1a !important;
  color: #e8f1fb;
}
body, input, button, textarea, select {
  font-family: Inter, "Segoe UI", system-ui, sans-serif;
}
a { transition: color .16s ease, opacity .16s ease; }
a:hover { color: #63eaf2 !important; }

.navbar, .ui.menu, .ui.secondary.menu,
.ui.attached.header, .ui.top.attached.header {
  background: rgba(13,23,39,.96) !important;
  border-color: #26374d !important;
}
.navbar {
  border-bottom: 1px solid rgba(32,217,232,.25) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.22);
}
.navbar .item, .ui.menu .item { color: #c6d5e7 !important; }
.navbar .item:hover, .ui.menu .item:hover,
.ui.menu .active.item {
  color: #69edf3 !important;
  background: rgba(32,217,232,.08) !important;
}

.ui.segment, .ui.segments, .ui.card, .ui.cards > .card,
.ui.message, .ui.table, .repository .segment,
.repository .header, .file-view {
  background: rgba(15,27,44,.94) !important;
  border-color: #26374d !important;
  color: #e8f1fb !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.14);
}
.ui.table thead th, .ui.table th, .ui.header,
.ui.attached.header {
  color: #f0f7ff !important;
  background-color: rgba(18,32,51,.96) !important;
  border-color: #26374d !important;
}
.ui.table td, .ui.table tr, .ui.divider {
  border-color: #26374d !important;
}

.ui.button, .ui.buttons .button { border-radius: 9px !important; }
.ui.primary.button, .ui.primary.buttons .button,
button.primary {
  color: #04151c !important;
  background: linear-gradient(135deg,#31e1e8,#4b9dff) !important;
  border: 0 !important;
  box-shadow: 0 5px 20px rgba(32,217,232,.18);
}
.ui.primary.button:hover, .ui.primary.buttons .button:hover {
  box-shadow: 0 8px 26px rgba(32,217,232,.28);
  transform: translateY(-1px);
}
.ui.button:not(.primary):not(.positive) {
  background: #17263a !important;
  color: #dce9f8 !important;
  border: 1px solid #30445d !important;
}

input, textarea, select, .ui.input input,
.ui.form input, .ui.form textarea, .ui.selection.dropdown {
  background: #0b1524 !important;
  color: #e8f1fb !important;
  border-color: #30445d !important;
  border-radius: 8px !important;
}
input:focus, textarea:focus, .ui.input.focus input {
  border-color: #20d9e8 !important;
  box-shadow: 0 0 0 2px rgba(32,217,232,.12) !important;
}
.ui.label, .label, .ui.basic.label {
  background: #17263a !important;
  color: #bfeaf0 !important;
  border-color: #30445d !important;
  border-radius: 6px;
}
.ui.dropdown .menu, .ui.popup {
  background: #101d30 !important;
  border-color: #30445d !important;
  color: #e8f1fb !important;
}
.ui.dropdown .menu > .item { color: #d8e5f4 !important; }
.ui.dropdown .menu > .item:hover { background: #1a2d44 !important; }

.markdown pre, .markup pre, .file-view pre,
.repository .diff-file-box pre {
  background: #080f1c !important;
  border: 1px solid #26374d;
  border-radius: 10px;
}
.markdown code, .markup code { color: #75e8ef; }
.ui.message, .ui.info.message {
  background: rgba(32,217,232,.07) !important;
  border: 1px solid rgba(32,217,232,.22) !important;
}
footer, .footer { color: #8296ad !important; background: transparent !important; }

@media (max-width: 767px) {
  .ui.container, .page-content {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}