/* Company Colors */
:root {
  --company-greenish-cyan: #40D89E;
  --company-cyan: #1BCEDF;
  --default-text-color: #111111; /* Dark gray for readability */
  --default-border-color: #4B4E92; /* Better contrast color */
}

/* Light theme custom colors */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--company-cyan);
  --md-accent-fg-color: #2856f7;
  --md-typeset-a-color: var(--md-accent-fg-color);
  --md-footer-bg-color: var(--md-primary-fg-color);
}

/* Dark theme custom colors */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #000111;
  --md-default-bg-color: #090d1d;
  --md-accent-fg-color: #8e92f8;
  --md-typeset-a-color: var(--md-accent-fg-color);
}

/* Dark Theme Custom Button */
[data-md-color-scheme="slate"] .md-button {
  background-color: var(--md-accent-fg-color);
  border-color: var(--md-accent-fg-color);
}

/* Optional: Custom hover effects */
[data-md-color-scheme="slate"] .md-button:hover {
  background-color: var(--company-cyan); /* Use company cyan for hover */
  border-color: var(--company-cyan);
  color: var(--company-greenish-cyan); /* Use greenish cyan for text */
}

/* Footer Section */
.md-footer {
  background-color: var(--company-greenish-cyan);
}

.md-footer-meta {
  background-color: var(--company-cyan);
}

/* Testimonial cards */
.grid.cards.testimonials {
    grid-template-columns: 1fr !important;
    gap: 1.5rem;
    margin: 1rem 0;
}

.grid.cards.testimonials > * {
    margin-top: 0 !important;
}

/* Style the author name and title */
.grid.cards.testimonials p:nth-child(2) {
  margin-top: -0.5rem;
  color: var(--company-greenish-cyan); /* Use greenish cyan for text */
  font-size: 0.9rem;
}

/* Link styles */
a {
  color: var(--default-text-color); /* Use dark gray for default text */
  text-decoration: none;
}

a:hover {
  color: var(--company-greenish-cyan); /* Use greenish cyan for hover */
  text-decoration: underline;
}

/* Header navigation links */
.md-nav__link {
  color: var(--default-text-color); /* Ensure header links are visible */
}

.md-nav__link:hover {
  color: var(--company-greenish-cyan); /* Highlight on hover */
}