@property --hero-ink{syntax:"<color>";inherits:true;initial-value:#0000}@property --hero-ink-inverse{syntax:"<color>";inherits:true;initial-value:#0000}@property --hero-muted{syntax:"<color>";inherits:true;initial-value:#0000}@property --hero-hover{syntax:"<color>";inherits:true;initial-value:#0000}@property --hero-button-hover{syntax:"<color>";inherits:true;initial-value:#0000}.hero-tone{--hero-ink:var(--color-wild-20);--hero-ink-inverse:var(--color-wild-960);--hero-muted:var(--color-wild-400);--hero-hover:var(--color-wild-300);--hero-button-hover:var(--color-wild-100);transition-property:--hero-ink,--hero-ink-inverse,--hero-muted,--hero-hover,--hero-button-hover;transition-duration:1.2s;transition-timing-function:ease-in-out}.hero-tone[data-tone=light]{--hero-ink:var(--color-wild-960);--hero-ink-inverse:var(--color-wild-20);--hero-muted:var(--color-wild-700);--hero-hover:var(--color-wild-700);--hero-button-hover:var(--color-wild-800)}@media (prefers-reduced-motion:reduce){.hero-tone{transition-duration:0s}}