/* DexIcons — theme-reactive tokens for the Plasma variant. These point at
   --c-text-dim (main.css) — the same color every non-plasma icon already
   picks up via currentColor — instead of a hardcoded white/black pair, so
   plasma icons match the other 4 variants in both themes rather than
   forcing their own fixed look. --c-text-dim already swaps value under
   html[data-theme="light"] on its own, so these don't need a separate
   light-theme override — they inherit that reactivity for free, and
   already-rendered Plasma icons still repaint instantly on theme toggle
   with no JS involved. Override either variable (or pass
   `variants.plasma.colors` to DexIcons.configure) to use a different look. */
:root {
  --dex-plasma-center: var(--c-text-dim);
  --dex-plasma-edge: var(--c-text-dim);
}

/* Sizing (width/height) is main.css's job via --icon-size — this file only
   owns layout/plasma concerns, so it must not fight that cascade with its
   own width/height on the same .ic-icon selector (both files load as plain
   stylesheets with equal specificity; whichever link tag comes second wins,
   which silently overrode --icon-size on every icon site-wide). */
.ic-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}