/* ==========================================================================
   LiteWorkPro semantic action icon colors
   --------------------------------------------------------------------------
   Ordinary HC icons retain the neutral gray defaults from hc-icons.css.
   These restrained duotone palettes are opt-in and describe the entity that
   an add/create control affects.
   ========================================================================== */

i.hc[class*="lwps-icon-action--"] {
    --hc-icon-secondary-opacity: .3;
    transition: filter 160ms ease, transform 160ms ease;
}

:where(button, a):hover i.hc[class*="lwps-icon-action--"],
:where(button, a):focus-visible i.hc[class*="lwps-icon-action--"],
:where(div, span):focus-within > :where(button, a) i.hc[class*="lwps-icon-action--"] {
    filter: saturate(1.08) brightness(.94);
}

i.hc.lwpt-icon-action--workspace {
    --hc-icon-primary: #3155a6;
    --hc-icon-secondary: #8da8e8;
}

i.hc.lwps-icon-action--account {
    --hc-icon-primary: #4f46a5;
    --hc-icon-secondary: #a9a4df;
}

i.hc.lwps-icon-action--contact,
i.hc.lwps-icon-action--customer {
    --hc-icon-primary: #18766f;
    --hc-icon-secondary: #82c7c0;
}

i.hc.lwps-icon-action--appointment {
    --hc-icon-primary: #a35f0a;
    --hc-icon-secondary: #e8bb6b;
}

i.hc.lwps-icon-action--event {
    --hc-icon-primary: #7b4aa8;
    --hc-icon-secondary: #c2a1df;
}

i.hc.lwps-icon-action--estimate {
    --hc-icon-primary: #2765a8;
    --hc-icon-secondary: #8db9e2;
}

i.hc.lwps-icon-action--invoice {
    --hc-icon-primary: #28734b;
    --hc-icon-secondary: #8bc4a5;
}

i.hc.lwps-icon-action--item,
i.hc.lwps-icon-action--selection {
    --hc-icon-primary: #2a6980;
    --hc-icon-secondary: #90bdca;
}

i.hc.lwps-icon-action--property,
i.hc.lwps-icon-action--address {
    --hc-icon-primary: #8b6517;
    --hc-icon-secondary: #d6bd79;
}

i.hc.lwps-icon-action--team-member {
    --hc-icon-primary: #176c86;
    --hc-icon-secondary: #7ebbd0;
}

i.hc.lwps-icon-action--wage {
    --hc-icon-primary: #3e7040;
    --hc-icon-secondary: #9bc39d;
}

i.hc.lwps-icon-action--bank {
    --hc-icon-primary: #35557a;
    --hc-icon-secondary: #93abc4;
}

i.hc.lwps-icon-action--card,
i.hc.lwps-icon-action--payment {
    --hc-icon-primary: #67449a;
    --hc-icon-secondary: #b49bd3;
}

i.hc.lwps-icon-action--widget {
    --hc-icon-primary: #7c3f87;
    --hc-icon-secondary: #c39acb;
}

i.hc.lwps-icon-action--rule {
    --hc-icon-primary: #9a531f;
    --hc-icon-secondary: #dda67d;
}

i.hc.lwps-icon-action--ticket {
    --hc-icon-primary: #9a4051;
    --hc-icon-secondary: #d89aa6;
}

i.hc.lwps-icon-action--group {
    --hc-icon-primary: #3f5e9a;
    --hc-icon-secondary: #9badd4;
}

i.hc.lwps-icon-action--target {
    --hc-icon-primary: #9b493e;
    --hc-icon-secondary: #d99b92;
}

i.hc.lwps-icon-action--user,
i.hc.lwps-icon-action--security {
    --hc-icon-primary: #51458f;
    --hc-icon-secondary: #aaa1cf;
}

i.hc.lwps-icon-action--promotion {
    --hc-icon-primary: #9a3f75;
    --hc-icon-secondary: #d795bb;
}

i.hc.lwps-icon-action--service,
i.hc.lwps-icon-action--phone {
    --hc-icon-primary: #276c91;
    --hc-icon-secondary: #8ebbd1;
}