/* Світла тема: легкі контрасти й тонкі рамки (ADR 0037, docs/15-design.md).
   Без них білі групи й плаваючі елементи зливались з білим тлом і світлою
   картою. Лише токени; у темній темі цих правил немає. */

/* План трохи приглушений, поле навколо — Platinum: білі панелі над ним видно.
   Власне налаштування плану (насиченість, ADR 0015) ставиться в style й
   має перевагу. */
:root[data-theme="light"] .stage { background: var(--bg); }
:root[data-theme="light"] .stage-inner img { filter: var(--plan-filter); }

/* Групи й картки списків — тонка рамка. */
:root[data-theme="light"] .group, :root[data-theme="light"] .glist, :root[data-theme="light"] .kvs,
:root[data-theme="light"] .panel, :root[data-theme="light"] .tile,
:root[data-theme="light"] .project-card { box-shadow: var(--edge); }

/* Усе, що плаває над планом: рамка й м'яка тінь. */
:root[data-theme="light"] .stage-ui .icon-btn, :root[data-theme="light"] .stage-ui.br,
:root[data-theme="light"] .legend, :root[data-theme="light"] .pin.zone,
:root[data-theme="light"] .pincard, :root[data-theme="light"] .toast,
:root[data-theme="light"] .bar.floaty .icon-btn,
:root[data-theme="light"] .bar.floaty .projchip { box-shadow: var(--float); }
:root[data-theme="light"] .stage-ui.br .icon-btn { box-shadow: none; }

/* Мітка: біле кільце й темний волосяний обвід — видно і на світлих вулицях. */
:root[data-theme="light"] .pin:not(.zone), :root[data-theme="light"] .pin.zone.bare { box-shadow: var(--pin-edge); }

/* Невибрані чипи — обведені; колонка відділена чіткіше. */
:root[data-theme="light"] .chip:not(.on) { box-shadow: inset 0 0 0 1px var(--line-str); }
:root[data-theme="light"] .sidecol { border-left-color: var(--line-str); }