/* Pearl and custom themes based on Pearl share the settings card material.
   Keep each component's geometry and interaction styles; unify only the surface. */
:root[data-theme="light"]{
  --card-bg:rgba(244,248,250,.42);
  --card-line:rgba(150,168,182,.12);
  --card-shadow:0 14px 34px rgba(86,104,118,.08);
}
:root[data-theme="light"] :is(
  .settings-card,.relationship-card,.action-row,.tp-card,.tc-card,
  .wake-overview-card,.mcp-list-card,
  .glass,.card,.dcard,.favorite-card,.room-nav
){
  background:var(--card-bg);
  border:1px solid var(--card-line);
  box-shadow:var(--card-shadow);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
:root[data-theme="light"] button.action-row:active{background:var(--row-press)}