:root {
  /* <--- Color variables ---> */
  --main-bg-gradient: radial-gradient(at center, #004fa3, #004fa3);
  --main-bg-color: #fafafa;
  --accent-color: #004fa3;
  --text-color: #ffffff;
  --button-color: #004fa3;
  --positive-color: #00bcd4;
  --negative-color: #004fa3;
}

.acrylic {
  background: #de058c;
  border: 1px solid rgba(233, 30, 99, 0.08);
}

input[type="search"]::-webkit-search-cancel-button {
  filter: invert(1);
}