PFE set-broadcast-theme mixin

pfe-set-broadcast-theme.scss

// Sass:
:host([pfe-variant="earth"][on="dark"]) {
  --pfe-tabs__panel--BackgroundColor: #{pfe-var(surface--darkest)};
  @include pfe-set-broadcast-theme(dark);
}

// Compiled CSS:
:host([pfe-variant="earth"][on="dark"]) {
 --pfe-tabs__panel--BackgroundColor: var(--pfe-theme--color--surface--darkest, #151515);
 --pfe-broadcasted--text: var(--pfe-theme--color--text--on-dark, #fff);
 --pfe-broadcasted--link: var(--pfe-theme--color--link--on-dark, #73bcf7);
 --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover--on-dark, #bee1f4);
 --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus--on-dark, #bee1f4);
 --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited--on-dark, #bee1f4);
 --pfe-broadcasted--link-decoration: var(--pfe-theme--link-decoration--on-dark, none);
 --pfe-broadcasted--link-decoration--hover: var(--pfe-theme--link-decoration--hover--on-dark, underline);
 --pfe-broadcasted--link-decoration--focus: var(--pfe-theme--link-decoration--focus--on-dark, underline);
 --pfe-broadcasted--link-decoration--visited: var(--pfe-theme--link-decoration--visited--on-dark, none);
}