/* Map Forgejo theme tokens onto Hehel palette (default dark shell). */
:root,
[data-theme="hehel"],
[data-theme="forgejo-dark"],
[data-theme="forgejo-auto"] {
  --color-body: var(--he-bg);
  --color-box-body: var(--he-bg-3);
  --color-box-header: var(--he-bg-4);
  --color-header-bar: var(--he-bg-2);
  --color-nav-bg: transparent;
  --color-secondary: var(--he-line);
  --color-secondary-alpha-70: rgba(42, 42, 49, 0.7);
  --color-text: var(--he-text);
  --color-text-light: var(--he-muted);
  --color-text-light-1: var(--he-muted);
  --color-text-light-2: var(--he-faint);
  --color-primary: var(--he-cyan);
  --color-primary-dark-1: var(--he-cyan-2);
  --color-primary-light-1: #7ddcff;
  --color-primary-hover: var(--he-cyan);
  --color-primary-bg: var(--he-cyan-dim);
  --color-active: var(--he-cyan-dim);
  --color-menu: var(--he-bg-3);
  --color-card: var(--he-bg-3);
  --color-input-text: var(--he-text);
  --color-input-background: #0c0c10;
  --color-input-border: #2a2a34;
  --color-hover: var(--he-cyan-dim);
  --color-light: var(--he-bg-4);
  --color-light-mimic-enabled: var(--he-bg-5);
  --color-footer: var(--he-bg-2);
  --color-markup-code-inline: var(--he-bg-5);
  color-scheme: dark;
}

html, body {
  background: var(--he-bg) !important;
  color: var(--he-text);
  font-family: var(--he-font);
}

a {
  color: var(--he-cyan);
}
a:hover {
  color: #7ddcff;
}

.ui.primary.button,
.ui.green.button {
  background: var(--he-cyan-2) !important;
  color: #061018 !important;
}
.ui.primary.button:hover,
.ui.green.button:hover {
  background: var(--he-cyan) !important;
}

.page-content {
  background: transparent;
}

.footer {
  border-top: 1px solid var(--he-line) !important;
  background: var(--he-bg-2) !important;
  color: var(--he-muted) !important;
}