/* = 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-accent-5;
}

/* 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-indicator-border-rad,
    --logo-height-sm,
    --logo-height-md,
    --foreground-color;
}

@st-scope StudyUK {
  Header {
    --nav-link-indicator-border-rad: 0;
    --logo-height-sm: 27px;
    --logo-height-md: 34px;
    /* Required to reserve space for the overflow menus calculations. */
    --logo-width-sm: 169.7px;
    --logo-width-md: 213.7px;
  }

  Header::slogan,
  Header::overflowTabs::isActive {
    color: var(--foreground-color);
  }
}