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

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

/* Get the header var referances we have defined in our base theme. */
:import {
  -st-from: "../base/header.st.css";
  -st-named:
    --nav-link-active-color,
    --nav-link-hover-color,
    --nav-link-indicator-border-rad,
    --accent-color,
    --background-color;
}

@st-scope Arts {
  Header {
    /* Assign the color changes for arts. */
    --nav-link-active-color: var(--color-main-accent);
    --nav-link-hover-color: var(--color-main-accent);
    --accent-color: var(--color-main-accent);
    --nav-link-indicator-border-rad: 0;
  }
}