/*
 * Ui::IconTile — variant :muted. The light-gray tile of the helpper app's menu
 * (HEL-423): in the light theme a near-white, slightly cool gray with the icon in
 * the text ink; in the dark theme a mid gray with a light icon. Tones are derived
 * from the theme tokens (no loose hex) and were tuned against the app's reference
 * screenshots (#f3f5f9 / #424450 tile, #d1d5db dark icon).
 *
 * The dark rule needs its own percentages: mixing the same share of ink into a
 * dark card barely moves it, so the tile would vanish.
 */
.icon-tile-muted {
  background-color: color-mix(in oklab, var(--color-primary) 3%, var(--color-base-100));
  color: var(--color-base-content);
}

[data-theme="dark"] .icon-tile-muted {
  background-color: color-mix(in oklab, var(--color-base-content) 18%, var(--color-base-100));
  color: color-mix(in oklab, var(--color-base-content) 90%, var(--color-base-100));
}