:root {
  --color-primary: #a9b681;
  --color-primary-light-1: #c0cb92;
  --color-primary-light-2: #e5edc0;
  --color-primary-dark-1: #8a9a64;
  --color-primary-dark-2: #6b7d48;
  --color-primary-alpha-10: rgba(169, 182, 129, 0.1);
  --color-primary-alpha-20: rgba(169, 182, 129, 0.2);
  --color-primary-alpha-40: rgba(169, 182, 129, 0.4);

  --color-text: #e0e0e0;
  --color-text-light: #b0b0b0;
  --color-text-light-1: #b0b0b0;
  --color-text-light-2: #808080;
  --color-text-light-3: #606060;
  --color-text-dark: #e0e0e0;

  --color-secondary: #b0b0b0;
  --color-secondary-dark-1: #808080;
  --color-secondary-dark-2: #606060;

  --color-body: #1a1a1a;
  --color-box-body: #2d2d2d;
  --color-box-body-crowded: #2d2d2d;
  --color-box-header: #363636;
  --color-input-background: #1a1a1a;
  --color-input-border: #404040;
  --color-input-text: #e0e0e0;
  --color-header: #1a1a1a;
  --color-nav-bg: #1a1a1a;
  --color-nav-text: #e0e0e0;
  --color-nav-hover-bg: #363636;
  --color-footer: #1a1a1a;
  --color-card: #2d2d2d;
  --color-timeline: #363636;
  --color-placeholder-text: #808080;

  --color-shadow: rgba(0, 0, 0, 0.3);
  --color-border: #404040;
  --color-secondary-bg: #363636;
  --color-hover: rgba(169, 182, 129, 0.08);
  --color-active: rgba(169, 182, 129, 0.12);
  --color-menu: #2d2d2d;

  --color-red: #ff4444;
  --color-orange: #ff8c00;
  --color-yellow: #ffcc00;
  --color-olive: #a9b681;
  --color-green: #4caf50;
  --color-teal: #4db6ac;
  --color-blue: #2196f3;
  --color-violet: #9c27b0;
  --color-purple: #7b1fa2;
  --color-pink: #e91e63;
  --color-brown: #795548;
  --color-grey: #808080;
  --color-gold: #c0cb92;

  --color-white: #e0e0e0;
  --color-black: #1a1a1a;
  --color-light: #363636;
  --color-light-border: #404040;

  --color-error-text: #ff4444;
  --color-error-bg: #3a1b1b;
  --color-error-border: #ff4444;
  --color-success-text: #4caf50;
  --color-success-bg: #1b3a1b;
  --color-success-border: #4caf50;
  --color-warning-text: #ff8c00;
  --color-warning-bg: #3a2e1b;
  --color-warning-border: #ff8c00;
  --color-info-text: #2196f3;
  --color-info-bg: #1b2a3a;
  --color-info-border: #2196f3;

  --color-label-active-bg: rgba(169, 182, 129, 0.15);
  --color-accent: #c0cb92;
  --color-small-accent: #a9b681;

  --color-code-bg: #1a1a1a;
  --color-code-sidebar-bg: #2d2d2d;
  --color-diff-removed-word-bg: rgba(255, 68, 68, 0.3);
  --color-diff-added-word-bg: rgba(76, 175, 80, 0.3);
  --color-diff-removed-row-bg: rgba(255, 68, 68, 0.1);
  --color-diff-moved-row-bg: rgba(33, 150, 243, 0.1);
  --color-diff-added-row-bg: rgba(76, 175, 80, 0.1);
  --color-diff-removed-row-border: rgba(255, 68, 68, 0.2);
  --color-diff-added-row-border: rgba(76, 175, 80, 0.2);
  --color-diff-inactive: #363636;
}

body {
  font-family: 'Times New Roman', Times, serif;
  background: #1a1a1a;
  color: #e0e0e0;
}

.full.height {
  background: #1a1a1a;
}

.ui.segment,
.ui.segments .segment,
.ui.attached.segment {
  background: #2d2d2d;
  border-color: #404040;
  color: #e0e0e0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.ui.secondary.segment {
  background: #363636;
}

.ui.top.attached.header {
  background: #363636;
  border-color: #404040;
  color: #e0e0e0;
}

.ui.attached.header + .ui.attached.segment {
  border-color: #404040;
}

.ui.menu,
.ui.secondary.menu {
  background: #1a1a1a;
  border-color: #404040;
}

.ui.secondary.menu .item {
  color: #b0b0b0;
  text-transform: lowercase;
}

.ui.secondary.menu .active.item,
.ui.secondary.menu .item:hover {
  color: #e0e0e0;
  background: rgba(169, 182, 129, 0.1);
}

.ui.secondary.pointing.menu .active.item {
  border-color: #a9b681;
  color: #e0e0e0;
}

#navbar {
  background: #1a1a1a;
  border-bottom: 1px solid #404040;
}

#navbar .item {
  color: #e0e0e0;
}

#navbar .item:hover {
  background: rgba(169, 182, 129, 0.1);
}

.ui.button,
.ui.basic.button {
  background: #363636;
  color: #e0e0e0;
  border: 1px solid #404040;
  border-radius: 4px;
  text-transform: lowercase;
  font-family: 'Times New Roman', Times, serif;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.1, 1);
}

.ui.button:hover,
.ui.basic.button:hover {
  background: rgba(169, 182, 129, 0.1);
  border-color: #a9b681;
  color: #e0e0e0;
  transform: translateY(-2px);
  box-shadow: 0 0 4px #a9b681;
}

.ui.primary.button {
  background: #a9b681;
  color: #000;
  border-color: #a9b681;
}

.ui.primary.button:hover {
  background: #c0cb92;
  border-color: #c0cb92;
  color: #000;
  box-shadow: 0 0 4px #a9b681;
}

.ui.negative.button,
.ui.red.button {
  background: #363636;
  border-color: #ff4444;
  color: #ff4444;
}

.ui.negative.button:hover,
.ui.red.button:hover {
  background: #ff4444;
  color: #000;
  box-shadow: 0 0 4px #ff4444;
}

.ui.green.button {
  background: #363636;
  border-color: #4caf50;
  color: #4caf50;
}

.ui.green.button:hover {
  background: #4caf50;
  color: #fff;
  box-shadow: 0 0 4px #4caf50;
}

.ui.input input,
.ui.form input:not([type]),
.ui.form input[type="text"],
.ui.form input[type="password"],
.ui.form input[type="email"],
.ui.form input[type="url"],
.ui.form textarea,
.ui.form select {
  background: #1a1a1a;
  color: #e0e0e0;
  border: 1px solid #404040;
  border-radius: 4px;
  font-family: 'Times New Roman', Times, serif;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.1, 1);
}

.ui.input input:focus,
.ui.form input:focus,
.ui.form textarea:focus,
.ui.form select:focus {
  border-color: #a9b681;
  box-shadow: 0 0 4px #a9b681;
  background: #1a1a1a;
  color: #e0e0e0;
}

.ui.table {
  background: #2d2d2d;
  color: #e0e0e0;
  border-color: #404040;
}

.ui.table thead th {
  background: #363636;
  color: #e0e0e0;
  border-color: #404040;
}

.ui.table td {
  border-color: #404040;
}

.ui.table tr:hover td {
  background: rgba(169, 182, 129, 0.05);
}

.ui.divider {
  border-color: #404040;
}

.ui.dropdown .menu {
  background: #363636;
  border-color: #404040;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.ui.dropdown .menu .item {
  color: #e0e0e0;
  border-color: #404040;
}

.ui.dropdown .menu .item:hover {
  background: #1a1a1a;
  color: #e0e0e0;
}

.ui.dropdown .menu .active.item {
  background: rgba(169, 182, 129, 0.1);
  color: #e0e0e0;
}

.repository .repo-header {
  background: #1a1a1a;
  border-bottom: 1px solid #404040;
}

.repository .repo-header .ui.compact.menu {
  background: #2d2d2d;
}

.repository .repo-header .ui.compact.menu .item {
  color: #b0b0b0;
}

.repository .repo-header .ui.compact.menu .active.item {
  color: #e0e0e0;
  border-color: #a9b681;
}

.repository .repo-button-row {
  background: #2d2d2d;
}

.repository #repo-files-table .name a,
a {
  color: #a9b681;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.1, 1);
}

a:hover {
  color: #fff;
  text-shadow: 0 0 10px #a9b681;
}

.ui.label {
  background: #363636;
  color: #e0e0e0;
  border-color: #404040;
}

.ui.message {
  border-radius: 4px;
  border: 1px solid;
}

.ui.positive.message,
.ui.success.message {
  background: #1b3a1b;
  border-color: #4caf50;
  color: #4caf50;
}

.ui.negative.message,
.ui.error.message {
  background: #3a1b1b;
  border-color: #ff4444;
  color: #ff4444;
}

.ui.warning.message {
  background: #3a2e1b;
  border-color: #ff8c00;
  color: #ff8c00;
}

.ui.info.message {
  background: #1b2a3a;
  border-color: #2196f3;
  color: #2196f3;
}

.ui.modal,
.ui.modal > .header,
.ui.modal > .content,
.ui.modal > .actions {
  background: #2d2d2d;
  color: #e0e0e0;
  border-color: #404040;
}

.ui.popup {
  background: #363636;
  color: #e0e0e0;
  border-color: #404040;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.ui.popup:before {
  background: #363636;
  border-color: #404040;
}

.markup code,
code {
  background: #363636;
  color: #a9b681;
  border-radius: 3px;
  font-size: 0.9em;
}

pre,
.markup pre {
  background: #1a1a1a;
  border: 1px solid #404040;
  border-radius: 4px;
}

pre code,
.markup pre code {
  background: none;
  color: #e0e0e0;
}

.CodeMirror,
.cm-editor {
  background: #1a1a1a !important;
  color: #e0e0e0 !important;
}

.CodeMirror-gutters {
  background: #2d2d2d !important;
  border-color: #404040 !important;
}

.code-view .lines-num span,
.lines-num span {
  color: #606060;
}

.code-view .lines-code .code-inner,
.lines-code {
  background: #1a1a1a;
}

.repository .diff-file-header,
.diff-file-box .diff-file-header {
  background: #363636;
  border-color: #404040;
}

h1, h2, h3, h4, h5, h6 {
  color: #e0e0e0;
  text-transform: lowercase;
}

.ui.header {
  color: #e0e0e0;
}

.markup h1, .markup h2, .markup h3,
.markup h4, .markup h5, .markup h6 {
  color: #e0e0e0;
  text-transform: none;
  border-color: #404040;
}

blockquote,
.markup blockquote {
  border-left: 3px solid #a9b681;
  color: #b0b0b0;
}

.ui.card,
.ui.cards > .card {
  background: #2d2d2d;
  border-color: #404040;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.1, 1);
}

.ui.card:hover,
.ui.cards > .card:hover {
  border-color: #a9b681;
  transform: translateY(-2px);
  box-shadow: 0 0 4px #a9b681;
}

.ui.card > .content,
.ui.cards > .card > .content {
  border-color: #404040;
}

.ui.card > .extra,
.ui.cards > .card > .extra {
  border-color: #404040;
  color: #b0b0b0;
}

.ui.pagination.menu .item {
  background: #363636;
  color: #e0e0e0;
  border-color: #404040;
}

.ui.pagination.menu .active.item {
  background: rgba(169, 182, 129, 0.2);
  color: #e0e0e0;
  border-color: #a9b681;
}

.ui.pagination.menu .item:hover {
  background: rgba(169, 182, 129, 0.1);
}

footer {
  background: #1a1a1a;
  border-top: 1px solid #404040;
  color: #b0b0b0;
}

.ui.breadcrumb a {
  color: #a9b681;
}

.ui.breadcrumb .divider {
  color: #606060;
}

.timeline-item .timeline-avatar {
  border-color: #404040;
}

.comment .content {
  background: #2d2d2d;
  border-color: #404040;
}

.comment .content .header {
  background: #363636;
  border-color: #404040;
}

.ui.list .item a.header,
.ui.list .item {
  color: #e0e0e0;
}

::selection {
  background: rgba(169, 182, 129, 0.3);
  color: #e0e0e0;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #1a1a1a;
}

::-webkit-scrollbar-thumb {
  background: #404040;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #a9b681;
}

.ui.checkbox label,
.ui.checkbox + label {
  color: #e0e0e0;
}

.ui.toggle.checkbox input:checked ~ label::before {
  background: #a9b681 !important;
}

.ui.toggle.checkbox input:checked ~ .box::after,
.ui.toggle.checkbox input:checked ~ label::after {
  border-color: #a9b681;
}

.explore .ui.repository.list .item {
  border-color: #404040;
}

.ui.pointing.label:before {
  background: #363636;
  border-color: #404040;
}

.issue .timeline .comment .content .markdown {
  color: #e0e0e0;
}

.repository .file-view {
  background: #2d2d2d;
  border-color: #404040;
}

.repository .clone-panel {
  background: #2d2d2d;
}

.ui.active.label {
  background: rgba(169, 182, 129, 0.15);
  border-color: #a9b681;
  color: #e0e0e0;
}

* {
  text-transform: lowercase !important;
}

code, code *, pre, pre *,
.CodeMirror, .CodeMirror *,
.cm-editor, .cm-editor *,
.file-content, .file-content *,
.monaco-editor, .monaco-editor * {
  text-transform: none !important;
}

.powered_by,
footer .ui.container .links,
footer a[href*="forgejo"],
footer a[href*="codeberg"],
footer .ui.container,
.home .hero h2,
.home .hero .octicon {
  display: none !important;
}
