/* Import additional fonts if needed */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600&display=swap');

/* Base colors and fonts */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #1a1a1a;
  --md-default-fg-color: rgba(255, 255, 255, 0.87);
  --md-primary-fg-color: #1a1a1a;
  --md-accent-fg-color: #1761ab;
}

/* Header styling */
.md-header {
  background-color: var(--md-default-bg-color);
  box-shadow: none;
  font-family: 'Space Grotesk', sans-serif;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Main content styling */
.md-main {
  background-color: var(--md-default-bg-color);
}

.md-content {
  max-width: 800px;  /* adjust this value to your preferred width */
  margin: 0 auto;
  padding: 1rem;
}

.md-content--post {
  max-width: 1200px;  /* adjust this value to your preferred width */
  margin: 0 auto;
  padding: 1rem;
}


/* Typography */
.md-typeset h1 {
  color: var(--md-default-fg-color);
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  font-size: 2em;
  margin-bottom: 1rem;
  letter-spacing: -0.03em;
}

.md-typeset h2 {
  color: var(--md-default-fg-color);
  font-weight: 500;
  font-size: 1.5em;
  margin-top: 2rem;
  font-family: 'Space Grotesk', sans-serif;
  letter-spacing: -0.02em;
}

.md-typeset p {
  color: var(--md-default-fg-color);
  line-height: 1.7;
}

/* Links */
.md-typeset a {
  color: #1761ab;
}

.md-typeset a:hover {
  color: #1761ab;
}

/* Code blocks */
.md-typeset code {
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 3px;
  padding: 2px 5px;
}

/* Blockquotes */
.md-typeset blockquote {
  border-left: 4px solid #1761ab;
  background-color: rgba(255, 255, 255, 0.05);
  margin: 1em 0;
  padding: 0.7em 1em;
}

/* Navigation */
.md-nav {
  font-size: 0.9rem;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 500;
}

.md-nav__link {
  color: #1761ab;
  opacity: 0.87;
}

.md-nav__link:hover {
  color: #1761ab;
}

.md-tabs__link {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 500;
} 

/* Increase site title font size */
.md-header__title {
    font-size: 1.4rem !important;  /* Adjust this vattttlue as needed */
}

/* Giscus styling */
.giscus, .giscus-frame {
  background-color: transparent;
}

/* Dark mode styles */
[data-md-color-scheme="slate"] .giscus, 
[data-md-color-scheme="slate"] .giscus-frame {
  color-scheme: dark;
}

/* Light mode styles */
[data-md-color-scheme="default"] .giscus,
[data-md-color-scheme="default"] .giscus-frame {
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  .giscus {
    background-color: #000000;
    color: #ffffff;
  }
}

.full-width-cards {
  display:block !important;
}