/* PyCharter Documentation Custom Styles */

/* Primary color accents */
:root {
  --md-primary-fg-color: #4f46e5;
  --md-primary-fg-color--light: #6366f1;
  --md-primary-fg-color--dark: #3730a3;
  --md-accent-fg-color: #4f46e5;
}

/* Code block styling */
.md-typeset code {
  background-color: var(--md-code-bg-color);
  border-radius: 0.25rem;
  padding: 0.1em 0.3em;
}

/* Admonition styling */
.md-typeset .admonition {
  border-radius: 0.5rem;
}

/* Card grid improvements */
.md-typeset .grid.cards > ul > li {
  border-radius: 0.5rem;
  transition: transform 0.2s, box-shadow 0.2s;
}

.md-typeset .grid.cards > ul > li:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}

/* Table styling */
.md-typeset table:not([class]) {
  border-radius: 0.5rem;
  overflow: hidden;
}

.md-typeset table:not([class]) th {
  background-color: var(--md-primary-fg-color);
  color: white;
}

/* Navigation improvements */
.md-nav__link {
  transition: color 0.2s;
}

/* Mermaid diagram styling */
.mermaid {
  margin: 1rem 0;
}

/* API reference styling */
.doc-heading {
  border-bottom: 2px solid var(--md-primary-fg-color);
  padding-bottom: 0.5rem;
}

/* Footer styling */
.md-footer {
  margin-top: 2rem;
}

/* Search improvements */
.md-search__input {
  border-radius: 0.5rem;
}

/* Tab styling */
.md-typeset .tabbed-set {
  border-radius: 0.5rem;
  overflow: hidden;
}

/* Badge styling for version numbers */
.md-typeset .version-badge {
  background-color: var(--md-primary-fg-color);
  color: white;
  padding: 0.2em 0.6em;
  border-radius: 1rem;
  font-size: 0.75em;
  font-weight: 600;
}
