/* hugeicons pro — solid rounded weight, used ONLY to fill an icon while its
   control is pressed (mirroring the tab bar, which shows the solid variant when
   active). the stroke and solid hgi fonts share the same per-icon codepoints, so
   a glyph already on the page as `hgi-stroke hgi-<name>` becomes its filled twin
   by swapping nothing but the font-family — no second 240kb css needed.

   the rule is gated behind html.hgi-solid-ready, a flag set at runtime ONLY once
   the solid woff2 has been confirmed present (see lib/icon-press.ts). that way a
   missing font never flashes tofu glyphs on press — the icons simply stay stroke.

   to enable app-wide: drop the licensed hugeicons-pro "solid rounded" webfont in
   this folder as hgi-solid-rounded.woff2. nothing else is required. */
@font-face {
  font-family: 'hgi-solid-rounded';
  src: url('/fonts/hgi-solid-rounded.woff2') format('woff2');
  font-display: swap;
}

/* any control that performs an action fills its icon while pressed. decorative
   icons (section headers etc.) sit in non-interactive containers, so they never
   match :active and stay stroke. */
html.hgi-solid-ready
  :where(button, a[href], [role='button'], label, summary, .pill, .tray-step):active
  i.hgi-stroke {
  font-family: 'hgi-solid-rounded' !important;
}