/**
 * Blacboard Core Frontend Styles
 * Add small platform-wide refinements here.
 */

:root {
  --bb-lime: #b5ff00;
  --bb-dark: #111111;
  --bb-panel: #1d1d1d;
  --bb-white: #ffffff;
}

/* Font Awesome menu icon base if Font Awesome is loaded elsewhere */
.menu-item[class*="bb-icon-"] > a::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  width: 22px;
  margin-right: 10px;
  text-align: center;
  color: var(--bb-lime);
}

.menu-item[class*="bb-icon-"] > a:hover::before,
.current-menu-item[class*="bb-icon-"] > a::before {
  color: var(--bb-white);
}

.bb-icon-home > a::before { content: "\f015"; }
.bb-icon-build > a::before { content: "\f1ad"; }
.bb-icon-market > a::before { content: "\f290"; }
.bb-icon-brand > a::before { content: "\f5ad"; }
.bb-icon-academy > a::before { content: "\f19d"; }
.bb-icon-courses > a::before { content: "\f518"; }
.bb-icon-marketing > a::before { content: "\f201"; }
.bb-icon-ai > a::before { content: "\f544"; }
.bb-icon-templates > a::before { content: "\f5fd"; }
.bb-icon-spaces > a::before { content: "\f0c0"; }
.bb-icon-projects > a::before { content: "\f542"; }
.bb-icon-tasks > a::before { content: "\f0ae"; }
.bb-icon-studio > a::before { content: "\f0b1"; }
.bb-icon-help > a::before { content: "\f059"; }
.bb-icon-settings > a::before { content: "\f013"; }