/* Custom styles for KrakenHashes documentation */

/* Brand colors */
:root {
  --kh-primary: #d32f2f;
  --kh-accent: #b71c1c;
  --kh-success: #4caf50;
  --kh-warning: #ff9800;
  --kh-danger: #f44336;
}

/* Custom admonition for alpha warning */
.md-typeset .admonition.alpha,
.md-typeset details.alpha {
  border-color: var(--kh-warning);
}

.md-typeset .alpha > .admonition-title,
.md-typeset .alpha > summary {
  background-color: rgba(255, 152, 0, 0.1);
  border-color: var(--kh-warning);
}

.md-typeset .alpha > .admonition-title::before,
.md-typeset .alpha > summary::before {
  background-color: var(--kh-warning);
  -webkit-mask-image: var(--md-admonition-icon--warning);
  mask-image: var(--md-admonition-icon--warning);
}

/* Code block improvements */
.md-typeset pre > code {
  font-size: .85em;
  line-height: 1.5;
}

/* Table improvements */
.md-typeset table:not([class]) {
  font-size: .9em;
}

.md-typeset table:not([class]) th {
  background-color: var(--md-default-bg-color--light);
  font-weight: 600;
}

/* Navigation improvements */
.md-nav__item--nested > .md-nav__link {
  font-weight: 600;
}

/* Card grid styling */
.grid.cards {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 1rem;
}

.grid.cards > div {
  padding: 1rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 4px;
  transition: box-shadow 0.25s;
}

.grid.cards > div:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Terminal/console styling */
.language-console .gp {
  user-select: none;
  opacity: 0.6;
}

/* Responsive improvements */
@media screen and (max-width: 76.1875em) {
  .md-nav--primary .md-nav__title {
    background-color: var(--md-primary-fg-color);
  }
}

/* Status badges */
.status-alpha {
  background-color: var(--kh-warning);
  color: white;
  padding: 0.2em 0.6em;
  border-radius: 3px;
  font-size: 0.85em;
  font-weight: 600;
}

.status-stable {
  background-color: var(--kh-success);
  color: white;
  padding: 0.2em 0.6em;
  border-radius: 3px;
  font-size: 0.85em;
  font-weight: 600;
}

/* Icon colors */
.md-typeset .material-icons.success { color: var(--kh-success); }
.md-typeset .material-icons.warning { color: var(--kh-warning); }
.md-typeset .material-icons.danger { color: var(--kh-danger); }