@charset "UTF-8";

:root {
  --background-color: #FFFFFF;
}

:root {
  --otiom-green: #4caa4c;
  --otiom-darkgreen: #449944;
  --otiom-green-faded: rgba(76, 170, 76, 0.33);
  --otiom-red: #FF585d;
  --otiom-darkred: #EB4449;
  --otiom-darkgrey: #333F48;
  --otiom-grey: #707070;
  --otiom-lightgrey: #F5F5F5;

  --otiom-border-color: #DDDDDD;

  --font-fa-6: "Font Awesome 6 Free";
}

.otiom-red {
  color: var(--otiom-red);
}

.otiom-red-bg {
  background-color: var(--otiom-red) !important;
}

.otiom-green-bg {
  background-color: var(--otiom-green) !important;
}

.otiom-grey {
  color: var(--otiom-grey);
}

.otiom-green {
  color: var(--otiom-green);
}

.otiom-green-border,
.card .otiom-green-border {
  border-color: var(--otiom-green) !important;
}