/* brand.st.css */
@namespace "Brand";

/* = Project info and vars */
:import {
  -st-from: "./project.st.css";
  -st-default: Base;
  -st-named:
    --font-family-base,
    --color-focus,
    --color-link;
}

/* Import style API */
:import {
  -st-from: "../../components/Brand/brand.st.css";
  -st-default: Brand;
}

@st-scope Base {
  Brand {
    font-family: var(--font-family-base);
    font-size: 26px;
    display: flex;
    align-items: center;
  }

  Brand::logoLink {
    color: var(--color-link);
    text-decoration: none;
  }

  /* Brand Logo link focus state */
  Brand::logoLink:focus-visible {
    outline: 3px solid var(--color-focus);
  }

  Brand::withImage {
    font-size: 0;
    color: transparent;
  }
}