[data-md-color-scheme="default"] {
  --md-primary-fg-color: #123a66;
  --md-primary-fg-color--light: #2a5788;
  --md-primary-fg-color--dark: #0c2b4c;
  --md-accent-fg-color: #1d5c98;
  --md-accent-fg-color--transparent: rgba(29, 92, 152, 0.12);
  --md-default-bg-color: #f6f8fc;
  --md-code-bg-color: #eef3fb;
}

.md-header {
  box-shadow: 0 0.2rem 0.8rem rgba(12, 43, 76, 0.18);
}

.md-typeset h1 {
  letter-spacing: -0.02em;
}

.md-typeset > h1:first-child {
  font-size: 2.6rem;
  line-height: 1.05;
  margin-bottom: 0.6rem;
}

.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > ol > li {
  border: 1px solid rgba(18, 58, 102, 0.12);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 246, 255, 0.98));
}

.md-typeset .grid.cards code {
  font-size: 0.72rem;
}

.md-typeset .md-button {
  border-radius: 999px;
}

.md-typeset .highlight .k,
.md-typeset .highlight .kn,
.md-typeset .highlight .ow {
  color: #0e5ea8;
  font-weight: 700;
}

.md-typeset .highlight .nf,
.md-typeset .highlight .nb {
  color: #174f83;
}

.md-typeset .highlight .s,
.md-typeset .highlight .sa,
.md-typeset .highlight .s2 {
  color: #8f3f16;
}

.md-typeset .highlight .c1,
.md-typeset .highlight .c {
  color: #5f6f86;
}

/* Gallery card image styling */
.md-typeset .grid.cards > ul > li > p:first-child img,
.md-typeset .grid.cards > ol > li > p:first-child img {
  display: block;
  width: calc(100% + 1.6rem);
  margin: -0.8rem -0.8rem 0.8rem -0.8rem;
  height: 160px;
  object-fit: contain;
  background: #0c1e33;
  border-radius: 0.9rem 0.9rem 0 0;
  padding: 1rem;
  box-sizing: border-box;
}

.josanlabs-header-link {
  margin-left: 1rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.82);
  text-decoration: none;
}

.josanlabs-header-link:hover {
  color: #ffffff;
}

.josanlabs-footer-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #123a66;
  text-decoration: none;
}

.josanlabs-footer-link:hover {
  color: #0c2b4c;
}