:root  > * {
  --md-primary-fg-color:        #0099FF;
  --md-primary-fg-color--light: #EF7B45;
  --md-primary-fg-color--dark:  #90030C;
}

.md-header {
  background-color: white !important; /* Replace with your desired color */
}

.md-header__title, .md-header__button, .md-header__topic {
  color: black !important;  /* Optional: adjust text/icon color for contrast */
}


.adf-blue {
  background-color: #0099FF;  /* ADF blue */
  color: white !important;
  padding: 0.4em 1em;         /* top/bottom: 0.4em, left/right: 1em */
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
}

.adf-orange {
  background-color: #EF7B45;  /* ADF orange */
  color: white !important;
  padding: 0.4em 1em;         /* top/bottom: 0.4em, left/right: 1em */
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
}

.adf-lila {
  background-color: #8c57d1;
  color: white !important;
  padding: 0.4em 1em;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
}

.centered-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
/*  width: 500px; *//* or any preferred size */
}

.h22 {
  height: 22px !important;
  width: auto !important;
}

.w1000 {
  width: 1000px;
}
.w900 {
  width: 900px;
}
.w800 {
  width: 800px;
}
.w700 {
  width: 700px;
}
.w600 {
  width: 600px;
}
.w500 {
  width: 500px;
}
.w400 {
  width: 400px;
}
.w300 {
  width: 300px;
}
.w200 {
  width: 200px;
}
.w100 {
  width: 100px;
}