/* MoEngage MCP Server - Brand Colors */

/*
 * MoEngage Brand Palette:
 * - Deep Blue (Primary): #001447
 * - Mint Green (Accent): #88E7AE
 * - Light Cream: #F3EFE6
 * - Green: #68B868
 */

:root {
  /* Primary colors - Deep Blue */
  --md-primary-fg-color: #001447;
  --md-primary-fg-color--light: #1a3a6e;
  --md-primary-fg-color--dark: #000d2e;

  /* Accent colors - Mint Green */
  --md-accent-fg-color: #88E7AE;
  --md-accent-fg-color--transparent: rgba(136, 231, 174, 0.1);

  /* Custom accent for better contrast on dark backgrounds */
  --md-accent-bg-color: #001447;
  --md-accent-bg-color--light: #1a3a6e;
}

/* Dark mode adjustments */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #88E7AE;
  --md-primary-fg-color--light: #a5edbe;
  --md-primary-fg-color--dark: #68B868;

  --md-accent-fg-color: #88E7AE;
  --md-accent-fg-color--transparent: rgba(136, 231, 174, 0.1);
}

/* Header styling */
.md-header {
  background-color: #001447;
}

[data-md-color-scheme="slate"] .md-header {
  background-color: #0d1117;
}

/* Navigation tabs */
.md-tabs {
  background-color: #001447;
}

[data-md-color-scheme="slate"] .md-tabs {
  background-color: #161b22;
}

/* Links */
.md-typeset a {
  color: #001447;
}

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

[data-md-color-scheme="slate"] .md-typeset a {
  color: #88E7AE;
}

[data-md-color-scheme="slate"] .md-typeset a:hover {
  color: #a5edbe;
}

/* Code block improvements */
.md-typeset code {
  border-radius: 4px;
}

.md-typeset pre > code {
  border-radius: 8px;
}

/* Admonition styling */
.md-typeset .admonition {
  border-radius: 8px;
}

/* Tip admonition with brand green */
.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: #68B868;
}

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

.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before {
  background-color: #68B868;
}

/* Table improvements */
.md-typeset table:not([class]) {
  border-radius: 8px;
  overflow: hidden;
}

.md-typeset table:not([class]) th {
  background-color: #001447;
  color: white;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background-color: #1a3a6e;
}

/* Navigation tab styling */
.md-tabs__link {
  font-weight: 500;
}

.md-tabs__link--active {
  border-bottom: 2px solid #88E7AE;
}

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

[data-md-color-scheme="slate"] .md-footer {
  background-color: #0d1117;
}

/* Search highlight */
.md-search-result__meta {
  color: #001447;
}

[data-md-color-scheme="slate"] .md-search-result__meta {
  color: #88E7AE;
}

/* Button styling */
.md-typeset .md-button {
  border-radius: 6px;
}

.md-typeset .md-button--primary {
  background-color: #001447;
  border-color: #001447;
}

.md-typeset .md-button--primary:hover {
  background-color: #1a3a6e;
  border-color: #1a3a6e;
}

[data-md-color-scheme="slate"] .md-typeset .md-button--primary {
  background-color: #88E7AE;
  border-color: #88E7AE;
  color: #001447;
}

[data-md-color-scheme="slate"] .md-typeset .md-button--primary:hover {
  background-color: #68B868;
  border-color: #68B868;
}

/* Hero section on index */
.md-typeset h1 {
  color: #001447;
}

[data-md-color-scheme="slate"] .md-typeset h1 {
  color: #88E7AE;
}
