/* Global chrome - scrollbars (Cuemark dark theme) */

:root {
  --scrollbar-track: #0e0e14;
  --scrollbar-thumb: #2e2e42;
  --scrollbar-thumb-hover: #5b6bf8;
  --scrollbar-thumb-active: #7b8bff;
  /* Cal Sans is cut very tight — open display tracking by default */
  --display-tracking: 0.04em;
}

/* Open Cal Sans headlines (font ships optically tight) */
h1, h2, h3 {
  letter-spacing: var(--display-tracking);
}

.footer-entity {
  font-size: 12px;
  color: var(--muted);
  margin-top: 0.35rem;
  line-height: 1.5;
  max-width: 36rem;
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

*::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}

*::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
}

*::-webkit-scrollbar-thumb {
  background: linear-gradient(165deg, #35354d 0%, #2a2a3d 45%, #3d3d58 100%);
  border-radius: 100px;
  border: 2px solid var(--scrollbar-track);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

*::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(165deg, var(--scrollbar-thumb-hover) 0%, #4a55c4 100%);
  border-color: #12121a;
}

*::-webkit-scrollbar-thumb:active {
  background: linear-gradient(165deg, var(--scrollbar-thumb-active) 0%, var(--scrollbar-thumb-hover) 100%);
}

*::-webkit-scrollbar-corner {
  background: var(--scrollbar-track);
}