/* ---------- Tooltips ---------- */

.tippy-box {
  color: var(--sky-text-0) !important;
  background: #111925 !important;
  border: 1px solid var(--sky-border) !important;
  border-radius: var(--sky-radius-md) !important;
  box-shadow: 0 12px 34px rgb(0 0 0 / 35%) !important;
}

/* ---------- Scrollbars ---------- */

* {
  scrollbar-width: thin;
  scrollbar-color: #33435a transparent;
}

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

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #33435a;
  border: 3px solid transparent;
  border-radius: 999px;
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  background: #435773;
  border: 3px solid transparent;
  background-clip: padding-box;
}

/* ---------- Focus / accessibility ---------- */

:focus-visible {
  outline: 2px solid var(--sky-accent) !important;
  outline-offset: 2px !important;
}

/* ---------- Small polish ---------- */

.avatar,
.ui.avatar.image {
  box-shadow: 0 0 0 1px rgb(255 255 255 / 7%);
}

.ui.divider {
  border-color: var(--sky-border-soft) !important;
}

details > summary {
  color: var(--sky-text-1);
}

hr {
  border-color: var(--sky-border-soft) !important;
}

/* Git diff backgrounds: keep semantic meaning but reduce neon intensity */
.add-code,
.diff-file-box .add-code {
  background: rgb(102 209 158 / 10%) !important;
}

.del-code,
.diff-file-box .del-code {
  background: rgb(255 107 125 / 10%) !important;
}

/* Images/diagrams in README feel less harsh on a dark page */
.markup img:not(.emoji) {
  border-radius: var(--sky-radius-md);
}

/* ---------- Responsive ---------- */

@media (max-width: 767.98px) {
  :root {
    --sky-radius-lg: 12px;
    --sky-radius-xl: 14px;
  }

  .ui.vertical.menu {
    border-radius: var(--sky-radius-md) !important;
  }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
  }
}