:root {
  --primary-color: #5E35B1;
  --accent-color: #00B8D4;
  --code-background: #1E1E1E;
}

/* Custom styling for USL documentation */

/* Code blocks */
.highlight {
  border-radius: 4px;
  margin: 1em 0;
}

/* Admonitions */
.admonition {
  border-radius: 4px;
  margin: 1.5em 0;
}

.admonition.tip {
  border-left: 4px solid var(--accent-color);
}

/* Tables */
table {
  border-radius: 4px;
  overflow: hidden;
}

/* Navigation */
.md-header {
  background-color: var(--primary-color);
}

/* Footer */
.md-footer {
  background-color: var(--primary-color);
}

/* Links */
a {
  color: var(--accent-color);
}

a:hover {
  text-decoration: underline;
}

/* Grid cards on home page */
.grid.cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
  margin: 2rem 0;
}

.grid.cards > div {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 1.5rem;
  transition: box-shadow 0.2s;
}

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

/* Mermaid diagrams */
.mermaid {
  text-align: center;
  margin: 2rem 0;
}