@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Roboto:wght@300;400;500;700&display=swap');

body {
  font-family: 'Open Sans', sans-serif;
  color: #333333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
  color: #1f2937;
  /* Keeping existing dark gray or matching Caritas dark grey */
}

/* Tile styling for dashboard elements */
.tile {
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 0;
  box-shadow: none;
  padding: 16px;
  margin-bottom: 16px;
}

.tile.tile-noborder {
  border: none;
  background-color: transparent;
  /* Optional: remove background if desired, or keep white */
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

h1 {
  font-size: 24px;
  line-height: 1.2;
}

.tile h2 {
  margin-top: 0px;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 1.5rem;
  /* Increased size */
  color: #CC1E1C;
  /* Caritas Red */
}

/* Remove borders from DataTables in dashboard */
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: none;
}

table.dataTable.no-footer {
  border-bottom: none !important;
}

table.dataTable thead th,
table.dataTable thead td {
  border-bottom: none !important;
}

.tile table.dataTable tr,
.tile table.dataTable td {
  border: none !important;
}