/*
 * Teljes repertoár — light theme refinements (vanilla prototype only).
 *
 * Applies only with <html data-theme="light">; the dark theme is untouched. Follows the light home
 * screen: neutral page, white list surface, deeper teal (#176e65) used only for meaning
 * (active concert, expanded song, your own sheet). Layout, spacing and typography are unchanged.
 *
 * Contrast (WCAG AA): every text colour ≥ 4.5:1 on the header, hover, expanded and own-sheet tints.
 */

/* Same teal family as the light home screen; the sheet dialogs belong to this screen too */
:root[data-theme='light'] :is(.repertoire, .sheet-dialog) {
  --color-accent: #176e65;
  --color-accent-hover: #125a53;
  --color-accent-active: #0f4b45;
  --color-accent-soft: rgb(23 110 101 / 8%);
  --color-accent-line: rgb(23 110 101 / 32%);

  --list-head-line: #dce0e5;
  --list-row-hover: #f9fafb;
  --list-selected-bg: #eef5f4;
  --list-selected-hover: #e7f1ef;
  --list-detail-band: #f8f9fa;
  --list-detail-line: #eceef1;
}

/* ---------- Column headings ---------- */

:root[data-theme='light'] .repertoire .song-list__head {
  background: var(--color-table-head-bg);
  border-bottom-color: var(--color-table-head-border);
  font-weight: var(--weight-semibold);
  color: var(--color-table-head-text);
}

/* ---------- Song rows ---------- */

:root[data-theme='light'] .repertoire .song__row:hover {
  background: var(--list-row-hover);
}

/* Expanded song: pale teal row with a thin accent edge */
:root[data-theme='light'] .repertoire .song--expanded > .song__row {
  background: var(--list-selected-bg);
  box-shadow: inset 2px 0 0 var(--color-accent);
}

:root[data-theme='light'] .repertoire .song--expanded > .song__row:hover {
  background: var(--list-selected-hover);
}

:root[data-theme='light'] .repertoire .song--expanded .song__toggle {
  color: var(--color-accent);
}

/* Active concert marker (rows and legend): the same quiet halo as on the home screen */
:root[data-theme='light'] .repertoire .song-dot {
  box-shadow: 0 0 0 3px rgb(23 110 101 / 16%);
}

/* ---------- Expanded sheet details ---------- */

/* A light neutral band under the expanded song, with the sheet list as a white inset card */
:root[data-theme='light'] .repertoire .song--expanded {
  background: var(--list-detail-band);
}

:root[data-theme='light'] .repertoire .song__versions {
  background: var(--color-surface-1);
  border-color: var(--list-head-line);
}

:root[data-theme='light'] .repertoire .version,
:root[data-theme='light'] .repertoire .versions__empty {
  border-bottom-color: var(--list-detail-line);
}

/* Your own sheet: faint teal tint next to the existing accent edge */
:root[data-theme='light'] .repertoire .version--own {
  background: rgb(23 110 101 / 5%);
}

/* ---------- Song details ("Daladatok") ---------- */

:root[data-theme='light'] .repertoire .song-details,
:root[data-theme='light'] .repertoire .song__versions-title {
  border-bottom-color: var(--list-detail-line);
}

:root[data-theme='light'] .repertoire .song-details__title,
:root[data-theme='light'] .repertoire .song__versions-title {
  color: var(--color-table-head-text);
}