/* 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 delluna-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). */
delluna-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* Colors are driven only by `delluna-icon svg, delluna-icon svg * { fill; stroke }`
   rules. Parent `color` transitions no longer reach the icon, so animate
   fill/stroke directly to keep the same hover/active fades. */
delluna-icon svg,
delluna-icon svg * {
  transition: fill .16s ease, stroke .16s ease;
}

/* dexsins: dekxitty defines --c-text-dim in its main.css; dexsins' body text colour is #cacaca. */
:root { --c-text-dim: #cacaca; }

/* Icon colour — the fix for black icons.
   Delluna SVGs carry no colour of their own (orbit/hud/circuit/plasma parts
   default to black). dekxitty paints them by setting fill + stroke on
   `delluna-icon svg, delluna-icon svg *` in every component. dexsins does it
   once, globally, driven by --dx-icon; override --dx-icon on any parent
   (or add a hover rule) to recolour the icons inside it. */
:root { --dx-icon: #cacaca; }
delluna-icon svg,
delluna-icon svg * {
  fill: var(--dx-icon);
  stroke: var(--dx-icon);
}