/*
 * SETORI - UI styles (daisyUI + Tailwind CDN)
 * Minimal custom additions only.
 */

:root {
  font-family: "Noto Sans JP", sans-serif;
}

body {
  font-family: "Noto Sans JP", sans-serif;
}

html,
body {
  overflow-x: hidden;
}

/* Make the favorite heart visible on the active tab. */
#favorites-tab.tab-active i {
  color: #ffffff;
}

/* White base + pink accent (keep the site mostly white, use pink for "primary"). */
[data-theme="light"] {
  /* SETORI main pink: #ff77a4 (exact) */
  --p: 0.7409 0.1708 1.31;
  --pc: 1 0 0;

  /* Sample 1 surfaces (white base + soft pink surfaces) */
  --b1: 1 0 0; /* #ffffff */
  --b2: 0.9705 0.0164 353.63; /* #fff1f6 */
  --b3: 0.9028 0.0570 354.61; /* #ffd0e1 */
  --bc: 0.2924 0.0386 345.87; /* #3a2430 */

  /* Non-gray buttons should also be this pink */
  --s: 0.7409 0.1708 1.31;
  --sc: 1 0 0;
  --a: 0.7409 0.1708 1.31;
  --ac: 1 0 0;
  --su: 0.7409 0.1708 1.31;
  --suc: 1 0 0;
  --wa: 0.7409 0.1708 1.31;
  --wac: 1 0 0;
  --er: 0.7409 0.1708 1.31;
  --erc: 1 0 0;

  /* Info (used by "ログインが必要です" banner) — soft pink, not blue. */
  --in: 0.9705 0.0164 353.63; /* #fff1f6 */
  --inc: 0.2924 0.0386 345.87; /* #3a2430 */
}

/* Smooth horizontal tabs scrolling */
#songTabs {
  scrollbar-width: thin;
}

#songTabs::-webkit-scrollbar {
  height: 6px;
}

#songTabs::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 9999px;
}