@tailwind base;
@tailwind components;
@tailwind utilities;

html,
body,
#root {
  height: 100%;
}

body {
  @apply bg-ark-bg text-neutral-100 antialiased;
}

/* Match theme: avoid default blue accent on controls */
:root {
  accent-color: #eeb726;
}

header a,
header button {
  -webkit-tap-highlight-color: transparent;
}

/* Desktop header nav: thin scrollbar when links overflow (still 單列) */
.header-nav-scroll {
  scrollbar-width: thin;
  scrollbar-color: rgba(238, 183, 38, 0.45) transparent;
}
.header-nav-scroll::-webkit-scrollbar {
  height: 4px;
}
.header-nav-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(238, 183, 38, 0.45);
  border-radius: 9999px;
}
.header-nav-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.gold-underline {
  box-shadow: inset 0 -2px 0 #eeb726;
}

.message-stream-copyable-text,
.message-stream-copyable-text * {
  -webkit-user-select: text;
  user-select: text;
}

.message-stream-copyable-text {
  -webkit-touch-callout: default;
  cursor: text;
}

.message-stream-copyable-text::selection,
.message-stream-copyable-text *::selection {
  background: rgba(238, 183, 38, 0.35);
}