/* cardiaxis.css — overrides for logo color palette */

/* Responsive logo sizing for header logo */
#header img {
  max-width: 350px;   /* Reasonable max size for desktop */
  width: 100%;
  height: auto;
}

@media (max-width: 600px) {
  #header img {
    max-width: 90vw;  /* Responsive for mobile */
    margin-bottom: 0.5em;
  }
}

/* Body background & default text color */
body {
  background-color: #ffffff;
  color: #333333;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: #007080;
}

/* Links */
a {
  color: #007080;
  border-bottom: dotted 1px #007080;
}

a:hover {
  color: #00cccc;
  border-bottom-color: transparent;
}

/* Buttons */
.button, input[type="submit"], input[type="reset"], input[type="button"] {
  background-color: #00b3b3;
  color: white;
  border: none;
}

.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
  background-color: #007080;
}

/* Section headers / dividers */
hr {
  border-color: rgba(0, 179, 179, 0.4);
}

/* Accent sections like banner overlays */
#banner, .spotlight {
  background: #f9f9f9;
}

/* Icon colors (for tooltips or icons) */
.icon {
  color: #00b3b3;
}