/* = Project info and vars. */
:import {
  -st-from: "./project.st.css";
  -st-default: Arts;
}

/* Colors from base vars. */
:import {
  -st-from: "../base/project.st.css";
  -st-named:
    --color-accent-3,
    --color-accent-5,
    --color-ui-inverse;
}

/* CSS API from component directory. */
:import {
  -st-from: "../../components/Footer/footer.st.css";
  -st-default: Footer;
}

/* Get the footer var referances we have defined in our base theme. */
:import {
  -st-from: "../base/footer.st.css";
  -st-named:
    --social-bg-color,
    --social-icon-color,
    --social-icon-hover-color;
}

@st-scope Arts {
  Footer {
    /* Assign the color changes for arts. */
    --social-bg-color: var(--color-accent-3);
    --social-icon-color: var(--color-ui-inverse);
    --social-icon-hover-color: var(--color-accent-5);
  }
}