/* laya Documentation - Modern Flat Dark Theme */

/* Dark mode refinements */
:root {
  --md-default-bg-color: #0d1117;
  --md-code-bg-color: #161b22;
  --surface-color: #1a1f2e;
  --border-color: #30363d;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Code blocks - flat style */
.md-typeset pre {
  border: 1px solid var(--border-color);
  border-radius: 4px;
}

.md-typeset code {
  border-radius: 3px;
}

/* Links - indigo accent */
.md-typeset a {
  color: #818cf8;
  text-decoration: none;
}

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

/* Tables - minimal borders */
.md-typeset table {
  border: 1px solid var(--border-color);
}

.md-typeset th {
  background: var(--surface-color);
  border-bottom: 1px solid var(--border-color);
}

/* Admonitions - flat */
.md-typeset .admonition {
  border-left: 3px solid #818cf8;
}

/* Slim scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #818cf8;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}