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

/* Colors from base vars. */
:import {
  -st-from: "../base/project.st.css";
  -st-named:
    color-light-grey,
    color-petrol;
}

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

:import {
  -st-from: "../base/tiledlist.st.css";
  -st-named:
    --tiled-list-container-border,
    --tiled-list-item-title-bg;
}

@st-scope Arts {
  TiledList {
    --tiled-list-container-border: 12px solid value(color-light-grey);
    --tiled-list-item-title-bg: value(color-petrol);
  }

  TiledList Container {
    border: var(--tiled-list-container-border);
  }

  TiledList::itemTitle {
    background-color: var(--tiled-list-item-title-bg);
  }
}