@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap');

body {
  font-family: 'Roboto', 'Open Sans', 'Helvetica Neue', sans-serif !important;
  color: #202124 !important;
  /* Google Dark Gray */
  background-color: #ffffff !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.title {
  font-family: 'Roboto', 'Open Sans', 'Helvetica Neue', sans-serif !important;
  font-weight: 500 !important;
  color: #202124 !important;
  /* Google Dark Gray */
}

a {
  color: #1a73e8 !important;
  /* Google Blue */
}

a:hover,
a:focus {
  color: #174ea6 !important;
  /* Google Darker Blue for hover */
  text-decoration: underline !important;
}

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: #1a73e8 !important;
  /* Google Blue */
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
}

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: #174ea6 !important;
  /* Google Darker Blue */
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15) !important;
}

.sep-after:after,
.sep-before:before {
  border-bottom-color: #dadce0 !important;
  /* Google light gray for borders */
}

.widget-title {
  color: #202124 !important;
}

.description,
.desc {
  color: #5f6368 !important;
  /* Google Medium Gray */
}