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

/* 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,
    --foreground-color,
    --social-icon-color,
    --social-icon-hover-color;
}

@st-scope StudyUK {
  Footer {
    /* COLOURS TBC
    --social-bg-color: var(--color-accent-3); */
    --social-icon-color: var(--foreground-color);
    /* --social-icon-hover-color: var(--color-accent-5); */
  }
}