@font-face
{
	font-family: 'JCubeFont';
	src: url('/assets/fonts/JCubeFont.otf');
}

html * {
    font-family: 'JCubeFont' !important;
}

:root {
  --bg: #0f2a1d;
  --surface: #123524;
  --surface-2: #0b2016;
  --border: #1f3b2d;

  --text: #f2f5f3;
  --text-secondary: #c9d6cc;
  --text-muted: #9fb3a7;

  --accent: #4ade80;
  --accent-hover: #22c55e;

  --color-orange: #22c55e;
  --color-purple: #4ade80;

  --color-primary: var(--accent);
  --color-primary-hover: var(--accent-hover);
  --color-primary-contrast: #0b0f0c;

  --color-warning: var(--accent-hover);
  --color-error: #ef4444;
  --color-success: var(--accent);
}

body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

html {
  background: var(--bg);
}

.ui.menu,
.ui.segment,
.ui.card,
.ui.cards,
.repository .file-content,
.repository .segment {
  background: var(--surface) !important;
  border-color: var(--border) !important;
}

.diff-box,
.comment,
.issue-comment,
.pr-review-comment {
  background: var(--surface-2) !important;
  border-color: var(--border) !important;
}

a {
  color: var(--accent) !important;
}

a:hover {
  color: var(--accent-hover) !important;
}

.ui.button {
  background: var(--surface) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}

.ui.primary.button,
.ui.positive.button {
  background: var(--accent) !important;
  color: #0b0f0c !important;
}

.ui.primary.button:hover,
.ui.positive.button:hover {
  background: var(--accent-hover) !important;
}

input,
textarea,
select {
  background: var(--surface-2) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

.ui.label,
.ui.labels .label {
  background: var(--surface-2) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

code,
pre {
  background: var(--surface-2) !important;
  color: #d1fae5 !important;
  border: 1px solid var(--border);
}

:focus {
  outline-color: var(--accent) !important;
  box-shadow: 0 0 0 2px rgba(74, 222, 128, 0.25) !important;
}

.markup [src$="#gh-light-mode-only"],
.markup [src$="#light-mode-only"],
.markup [href$="#gh-light-mode-only"],
.markup [href$="#light-mode-only"] {
  display: none;
}

.markup [src$="#gh-dark-mode-only"],
.markup [src$="#dark-mode-only"],
.markup [href$="#gh-dark-mode-only"],
.markup [href$="#dark-mode-only"] {
  display: unset;
}

.ui.primary,
.ui.primary.button,
.ui.primary.buttons .button,
.ui.primary.label,
.ui.primary.segment,
.ui.primary.menu .item {
  background-color: var(--accent) !important;
  color: #0b0f0c !important;
  border-color: var(--border) !important;
}

/* hover state */
.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  background-color: var(--accent-hover) !important;
  color: #0b0f0c !important;
}

/* prevent “primary = everything turns weird” leakage */
.ui.primary:not(button):not(.button):not(.label) {
  background: transparent !important;
  color: var(--accent) !important;
}

:root {
  --color-primary: #4ade80 !important;
  --color-primary-hover: #22c55e !important;
  --color-primary-active: #22c55e !important;

  /* kill any fallback accent system */
  --color-accent: #4ade80 !important;
}

/* force semantic UI to stop generating its own primary color */
.ui.primary.button,
.ui.primary.buttons .button,
.ui.primary.label,
.ui.primary.menu .item,
.ui.primary.segment {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: #0b0f0c !important;
}

/* extra safety: links sometimes use primary internally */
a {
  color: var(--color-primary) !important;
}

:root {
  --color-nav-bg: #123524 !important;
  --color-menu: #123524 !important;
  --color-header-wrapper: #123524 !important;
  --color-secondary-nav-bg: #0f2a1d !important;

  --color-hover: #1a3a28 !important;
  --color-active: #1f4a33 !important;
}

/* Main navbar */
.ui.menu,
#navbar {
  background-color: var(--color-nav-bg) !important;
  border-color: #1f3b2d !important;
}

/* Secondary navbar / tabs */
.ui.secondary.menu,
.ui.tabular.menu {
  background-color: var(--color-secondary-nav-bg) !important;
}

/* Navbar items */
.ui.menu .item {
  background: transparent !important;
  color: #f2f5f3 !important;
}

/* Hover state (this is your “gray issue”) */
.ui.menu .item:hover {
  background-color: var(--color-hover) !important;
  color: #4ade80 !important;
}

/* Active item */
.ui.menu .active.item {
  background-color: var(--color-active) !important;
  color: #4ade80 !important;
  border-bottom: 2px solid #4ade80 !important;
}