:root {
  --micegeo-primary: #7d6c93;
  --micegeo-secondary: #3e4560;
  --micegeo-background: #f3f3ee;
  --micegeo-surface: #ffffff;
  --micegeo-accent: #e5a275;
}

body {
  background: var(--micegeo-background);
  color: var(--micegeo-secondary);
}

.wy-nav-side {
  background: var(--micegeo-secondary);
}

.wy-side-nav-search,
.wy-nav-top {
  background: var(--micegeo-primary);
}

.wy-side-nav-search input[type="text"] {
  border-color: var(--micegeo-accent);
}

.rst-content h1,
.rst-content h2,
.rst-content h3 {
  color: var(--micegeo-secondary);
}

a {
  color: var(--micegeo-primary);
}

a:hover {
  color: var(--micegeo-accent);
}

.wy-menu-vertical a:hover {
  background: rgba(229, 162, 117, 0.2);
}

.wy-nav-content-wrap {
  background: var(--micegeo-surface);
}

.wy-nav-content {
  background: var(--micegeo-surface);
  max-width: 1400px !important;
  margin: 0;
}

.wy-grid-for-nav {
  max-width: none;
}

@media (max-width: 768px) {
  .wy-nav-content-wrap {
    margin-left: 0 !important;
  }

  .wy-nav-content {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 1rem !important;
  }

  .rst-content {
    overflow-wrap: anywhere;
  }

  .rst-content pre,
  .rst-content code,
  .rst-content table {
    max-width: 100%;
  }

  .rst-content pre {
    white-space: pre-wrap;
  }

  .rst-content img {
    max-width: 100%;
    height: auto;
  }
}

.rst-content .note {
  border-left: 4px solid var(--micegeo-primary);
}

.rst-content .note .admonition-title {
  background: var(--micegeo-primary);
  color: #ffffff;
}