/*
 * Beállítások — light theme refinements (vanilla prototype only).
 *
 * Applies only with <html data-theme="light">; the dark theme is untouched.
 * The section headers (collapsed and expanded) use the shared table-heading treatment
 * (--color-table-head-* in theme-light.css); the expanded content stays white.
 * Spacing, the chevron icon and the open/close behaviour are unchanged.
 *
 * Contrast: title 5.1:1 and summary text 5.0:1 on the header; ≥ 4.7:1 on its hover shade.
 */

:root[data-theme='light'] .settings-section__summary {
  /* One pixel tighter than the card, so the fill meets its 1px border without white corners */
  border-radius: calc(var(--radius-lg) - var(--border-width));
  background: var(--color-table-head-bg);
}

:root[data-theme='light'] .settings-section__summary:hover {
  background: #d6e9e5;
}

:root[data-theme='light'] .settings-section[open] > .settings-section__summary {
  border-bottom-color: var(--color-table-head-border);
  border-radius: calc(var(--radius-lg) - var(--border-width)) calc(var(--radius-lg) - var(--border-width)) 0 0;
}

:root[data-theme='light'] .settings-section__title {
  font-weight: var(--weight-semibold);
  color: var(--color-table-head-text);
}