/* Tagly brand colors */
:root {
  --md-primary-fg-color: #C17554;
  --md-primary-fg-color--light: #D4927A;
  --md-primary-fg-color--dark: #A85F3F;
  --md-accent-fg-color: #7A8A6E;
  --md-accent-fg-color--transparent: rgba(122, 138, 110, 0.1);
}

/* Custom styling */
.md-header {
  background-color: #3C3C3C;
}

.md-tabs {
  background-color: #3C3C3C;
}

/* Cream background for content */
.md-main {
  background-color: #FDFCFA;
}

/* Card styling for home page */
.grid.cards > ul > li {
  border: 1px solid #E8E4DC;
  border-radius: 8px;
}

.grid.cards > ul > li:hover {
  border-color: #C17554;
}

/* Admonition styling */
.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: #7A8A6E;
}

.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: rgba(122, 138, 110, 0.1);
}

.md-typeset .admonition.warning,
.md-typeset details.warning {
  border-color: #C17554;
}

.md-typeset .warning > .admonition-title,
.md-typeset .warning > summary {
  background-color: rgba(193, 117, 84, 0.1);
}