/*
 * TAJI V3 — custom.css
 * Small platform / Tailwind-default overrides only for visual coherence.
 * The full landing design system lives in theme.css.
 */

/* Scrollbar — graphite track, subtle thumb */
* {
  scrollbar-width: thin;
  scrollbar-color: #2c2d31 transparent;
}
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: #2c2d31;
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
  background: #3a3b40;
  background-clip: padding-box;
}

/* Selection */
::selection {
  background: rgb(var(--cl-accent, 212 69 240));
  color: rgb(var(--cl-t-accent, 255 255 255));
}

/* Focus rings — accent, consistent across platform + landing */
:focus-visible {
  outline: 2px solid rgb(var(--cl-accent, 212 69 240));
  outline-offset: 2px;
  border-radius: 4px;
}

/* Smooth-scroll anchor offset so the fixed nav doesn't cover targets */
html { scroll-padding-top: 96px; }