@font-face {
    font-family: 'Monda';
    font-style: normal;
    font-weight: 400;
    src: local('Monda Regular'), local('Monda-Regular'), url(ttf/monda.ttf) format('truetype');
  }

  :root {
  --bg: #fff;
  --card: #dbe9f6;
  --text: #000000;
  --text-input: #000000;
  --muted: #8aa0a6;
  --accent: #4cb7ff;
  --accent-ghost: #26b4c720;
  --border: #1e2a2f;

  /* Semantic/status */
  --info: #4cb7ff;
  --ok: #12a812;
  --ok-border: #12a812;
  --warn: yellow;
  --error: red;

  /* Buttons */
  --button-text: #0f171a;
  --button-icon-margin-right: 6px;
}


  body {
    Font-family: 'Monda'!important;
    font-style: normal;
    font-weight: 400;
  }

  .status-info, .status-information {
    background-color: #ADD8E6 !important;
  }
  
  .status-error, .status-critical {
    background-color: #F08080 !important;
  }
  
  .status-warning {
    background-color: #FFF294 !important;
  }
  .status-ok, .status-normal,.status-success {
    background-color: #90EE90 !important;
  }
  .status-running {
    text-align: center;
    font-weight: bold;
}

.status-running i {
    margin-right: 6px;
}



  .status-ok,
.status-error,
.status-warning,
.status-critical,
.status-info,
.status-information,
.status-normal,
.status-success {
    color: #000; /* eller #222 beroende på kontrast */
    text-align: center;
    font-weight: bold;
}