/* Google Fonts - Rubik (variable) and IBM Plex Mono with minimal weights */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,600;1,400&family=Rubik:ital,wght@0,400;0,500;0,700;1,400;1,500&display=swap');

/* Override font stacks */
:root {
  --md-text-font: "Rubik Variable", ui-sans-serif, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --md-code-font: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* Override accent color to Stelvio cyan */
  --md-accent-fg-color: #06b6d4;
  --md-accent-fg-color--transparent: rgba(6, 182, 212, 0.1);
  --md-accent-bg-color: #06b6d4;
  --md-accent-bg-color--light: rgba(6, 182, 212, 0.1);
}

/* Dark theme footer */
[data-md-color-scheme="slate"] .md-footer {
  background: #0a0f1a !important;
}

[data-md-color-scheme="slate"] .md-footer-meta {
  background: #060a10 !important;
}

[data-md-color-scheme="slate"] .md-copyright {
  color: #64748b !important;
}

[data-md-color-scheme="slate"] .md-social__link {
  color: #64748b !important;
}

[data-md-color-scheme="slate"] .md-social__link:hover {
  color: #06b6d4 !important;
}

/* Blog nav link - distinctive styling */
/* Use $= to match href ending with /blog/ */
.md-nav__item:not(.md-nav__item--nested) > a.md-nav__link[href$="/blog/"] .md-ellipsis,
a.md-nav__link[href$="/blog/"] .md-ellipsis,
a.md-nav__link[href$="/blog/"] span.md-ellipsis {
  text-transform: none !important;
  font-weight: 600 !important;
  color: #06b6d4 !important;
}