@font-face {
  font-family: 'Basic Commercial';
  src: url('fonts/BasicCommercialLT-Light.ttf') format('truetype');
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: 'Basic Commercial';
  src: url('fonts/BasicCommercialLT-Roman.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Basic Commercial';
  src: url('fonts/BasicCommercialLT-Italic.ttf') format('truetype');
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Basic Commercial';
  src: url('fonts/BasicCommercialLT-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Basic Commercial';
  src: url('fonts/BasicCommercialLT-Black.ttf') format('truetype');
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

body,
input,
select,
textarea,
button,
h1,
h2,
.logo,
.menu-label,
.sidebar a,
.nav-group summary,
.btn,
.kpi .value,
.app-card strong {
  font-family: 'Basic Commercial', 'Segoe UI', Arial, sans-serif;
}

body { font-weight: 400; }
h1, h2, .kpi .value { font-weight: 900; }
.btn, .app-card strong { font-weight: 700; }
.sidebar a, .nav-group summary { font-weight: 400; }
.menu-label { font-weight: 700; letter-spacing: 1.2px; }
.brand-slogan,
.mistral-slogan {
  font-family: Mistral, 'Segoe Script', cursive !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: .4px !important;
}
.brand-slogan { font-size: 15px !important; color: #CCFF00 !important; }
.admin-slogan {
  display: block;
  margin-top: 2px;
  color: #CCFF00;
  font-family: Mistral, 'Segoe Script', cursive !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .3px;
  text-transform: none;
}