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

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

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

/* Get the alert var referances we have defined in our base theme. */
:import {
  -st-from: "../base/alert.st.css";
  -st-named: --foreground-color;
}

@st-scope StudyUK {
  Alert {
    --foreground-color: var(--color-ui-inverse);
  }
}