/* theme-bleedkernel */

:root,
.theme-bleedkernel {
  color-scheme: dark;
  --is-dark-theme: true;

  /* Base surfaces — lifted slightly off true-black for readability,
     warmed toward the Bitter Chocolate/Brown Red family for cohesion,
     stepped up per layer (body < box < header) for a sense of depth */
  --color-body: #130f0e;
  --color-box-body: #1b1513;
  --color-box-header: #221a18;
  --color-nav-bg: #1a1412;
  --color-header-bg: #1a1412;
  --color-footer-bg: #1a1412;

  --color-console-bg: #1b1513;
  --color-console-fg: #d6d5c9;

  --color-text: #d6d5c9;
  --color-text-light: #d6d5c9;
  --color-text-light-1: #c3bfb8;
  --color-text-light-2: #a89d98;
  --color-text-light-3: #8a7d78;
  --color-text-dark-1: #e2e0d8;
  --color-text-dark-2: #ccc8bf;

  --color-secondary: #34211f;
  --color-secondary-dark-1: #3f2926;
  --color-secondary-dark-2: #4a302d;
  --color-secondary-light-1: #281a18;
  --color-secondary-light-2: #201514;
  --color-secondary-light-3: #1a1211;
  --color-secondary-light-4: #150f0e;

  --color-primary: #a22c29;
  --color-primary-dark-1: #902923;
  --color-primary-dark-2: #741e1b;
  --color-primary-light-1: #b8443f;
  --color-primary-light-2: #c96560;
  --color-primary-light-3: #d98883;
  --color-primary-light-4: #e8b0ac;
  --color-primary-alpha-10: rgba(162, 44, 41, 0.12);
  --color-primary-alpha-20: rgba(162, 44, 41, 0.24);

  --color-link: #c96560;
  --color-link-visited: #a89d98;

  --color-red: #b8443f;
  --color-orange: #c58a5c;
  --color-yellow: #c5b35c;
  --color-olive: #ada55c;
  --color-green: #5ca373;
  --color-teal: #5c9ca3;
  --color-blue: #5c8fa3;
  --color-violet: #8a6ec9;

  --color-diff-removed-word-bg: #452522;
  --color-diff-added-word-bg: #223a2a;
  --color-diff-removed-row-bg: #201816;
  --color-diff-added-row-bg: #17201a;

  --color-button: #221a18;
  --color-button-hover: #2a201d;

  --color-shadow: rgba(0, 0, 0, 0.5);

  --border-radius: 4px;
  --border-radius-medium: 4px;
  --border-radius-large: 6px;

  --color-calendar-graph-day-bg: var(--color-secondary-light-1);
  --color-calendar-graph-day-L1-bg: #4a2422;
  --color-calendar-graph-day-L2-bg: #742d29;
  --color-calendar-graph-day-L3-bg: #a22c29;
  --color-calendar-graph-day-L4-bg: #d9564e;
}

body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.ui.menu,
.page-content .ui.secondary.menu {
  background: var(--color-header-bg) !important;
  border-color: var(--color-secondary) !important;
}

.ui.secondary.stackable.menu,
.ui.secondary.menu {
  width: 100%;
  display: flex;
}

/* Footer — filled to match the navbar instead of staying transparent */
footer,
.page-footer {
  background: var(--color-footer-bg) !important;
  border-top: 1px solid var(--color-secondary) !important;
}

.ui.primary.button,
.ui.green.button {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}
.ui.primary.button:hover,
.ui.green.button:hover {
  background: var(--color-primary-light-1) !important;
}

.ui.segment,
.repository .repo-header,
.dashboard-navbar,
.ui.attached.segment {
  background: var(--color-box-body);
  border-color: var(--color-secondary);
}

a {
  color: var(--color-link);
}
a:hover {
  color: var(--color-primary-light-2);
}

.ui.input input,
.ui.search .ui.input input,
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
textarea,
select {
  background: var(--color-box-body) !important;
  border-color: var(--color-secondary) !important;
  color: var(--color-text) !important;
}

.ui.input input:hover,
.ui.search .ui.input input:hover {
  border-color: var(--color-secondary-dark-1) !important;
}

.ui.dropdown,
.ui.selection.dropdown,
.ui.dropdown .menu {
  background: var(--color-box-body) !important;
  border-color: var(--color-secondary) !important;
  color: var(--color-text) !important;
}
.ui.dropdown .menu > .item {
  color: var(--color-text) !important;
}
.ui.dropdown .menu > .item:hover {
  background: var(--color-secondary-light-1) !important;
}

.ui.input input:focus,
.ui.input input:active,
input[type="text"]:focus,
input[type="search"]:focus,
.ui.search .ui.input input:focus,
textarea:focus,
select:focus,
.ui.button:focus,
.ui.button:active,
.ui.dropdown:focus,
.ui.dropdown.active,
.ui.dropdown.visible,
.ui.selection.dropdown:focus,
.ui.selection.dropdown.active,
.ui.selection.dropdown.visible,
.ui.selection.dropdown .menu {
  outline: none !important;
  box-shadow: none !important;
  border-color: var(--color-secondary) !important;
}

/* Toggle switches — track was invisible against the dark background */
.ui.toggle.checkbox label:before {
  background: var(--color-secondary-dark-1) !important;
}
.ui.toggle.checkbox input:checked ~ label:before {
  background: var(--color-primary) !important;
}
.ui.toggle.checkbox input:focus:checked ~ label:before {
  background: var(--color-primary-light-1) !important;
}
.ui.toggle.checkbox label:after {
  background: var(--color-text) !important;
}