/* Shared polish layer loaded after the main stylesheet. */
::-webkit-scrollbar {
  width: 9px;
  background-color: var(--bg-darker);
}

::-webkit-scrollbar-thumb {
  border: 2px solid var(--bg-darker);
  border-radius: 999px;
  background: linear-gradient(to bottom, var(--primary), var(--accent));
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to bottom, var(--primary-light), var(--accent-strong));
}

::selection {
  color: var(--text-white);
  background: rgba(88, 101, 242, 0.72);
}

.gradient-text {
  background: var(--gradient-primary);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.glow-text {
  text-shadow: 0 0 18px rgba(34, 211, 238, 0.32);
}

.glow-box {
  box-shadow: var(--shadow-glow);
}

.hover-card {
  transition: transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);
}

.hover-card:hover {
  transform: translateY(-6px);
  border-color: var(--border-bright);
  box-shadow: var(--shadow-md);
}