/*
 * Hogyan működik? — light theme refinements (vanilla prototype only).
 *
 * Applies only with <html data-theme="light">; the dark theme is untouched.
 * The section icons in Részletes útmutató use the shared boxed-icon treatment
 * (--color-icon-box-* in theme-light.css), the same as the home navigation cards.
 * Icon sizes, shapes and layout are unchanged.
 */

:root[data-theme='light'] .help-section__icon {
  background: var(--color-icon-box-bg);
  border-color: var(--color-icon-box-border);
  color: var(--color-icon-box-fg);
}

/* Slightly heavier stroke; dots with their own stroke width keep it */
:root[data-theme='light'] .help-section__icon svg {
  stroke-width: var(--icon-box-stroke);
}