/* Nestor Exchange Brand Theme for MkDocs Material */

:root {
  /* Primary palette */
  --md-primary-fg-color: #0E423E;
  --md-primary-fg-color--light: #1a5c56;
  --md-primary-fg-color--dark: #0a302d;
  --md-primary-bg-color: #FAFAFA;
  --md-primary-bg-color--light: #FFFFFF;

  /* Accent */
  --md-accent-fg-color: #E9FC8C;
  --md-accent-fg-color--transparent: rgba(233, 252, 140, 0.1);
  --md-accent-bg-color: #0E423E;

  /* Text */
  --md-typeset-color: #131818;

  /* Code */
  --md-code-bg-color: #f4f6f4;
  --md-code-fg-color: #131818;
}

/* Header */
.md-header {
  background-color: #0E423E;
}

.md-header__title {
  font-family: "Familjen Grotesk", sans-serif;
  font-weight: 600;
}

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

/* Sidebar */
.md-nav__link--active {
  color: #0E423E !important;
  font-weight: 600;
}

/* Headings */
.md-typeset h1 {
  font-family: "Familjen Grotesk", sans-serif;
  color: #0E423E;
  font-weight: 700;
}

.md-typeset h2 {
  font-family: "Familjen Grotesk", sans-serif;
  color: #0E423E;
  font-weight: 600;
}

.md-typeset h3 {
  font-family: "Familjen Grotesk", sans-serif;
  color: #0E423E;
  font-weight: 600;
}

/* Tables */
.md-typeset table:not([class]) th {
  background-color: #0E423E;
  color: #FAFAFA;
  font-family: "Familjen Grotesk", sans-serif;
  font-weight: 600;
}

.md-typeset table:not([class]) tr:nth-child(even) {
  background-color: #f0f5f0;
}

/* Admonitions */
.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: #E9FC8C;
}

.md-typeset .admonition.note > .admonition-title,
.md-typeset details.note > summary {
  background-color: rgba(233, 252, 140, 0.15);
}

/* Code blocks */
.md-typeset code {
  color: #0E423E;
  background-color: #f0f5f0;
  border-radius: 3px;
  padding: 0.1em 0.3em;
}

.md-typeset pre > code {
  background-color: #f4f6f4;
}

/* Footer */
.md-footer {
  background-color: #0E423E;
}

.md-copyright {
  color: #CEEDB2;
}

/* Search highlight */
.md-search-result mark {
  background-color: #E9FC8C;
  color: #131818;
}

/* Scrollbar accent */
::-webkit-scrollbar-thumb {
  background-color: #0E423E;
}

/* Mermaid diagram styling */
.mermaid {
  background-color: #131818 !important;
  border-radius: 8px;
  padding: 24px 16px;
  margin: 24px 0;
  border: 1px solid #1a5c56;
}

/* Force ALL text in Mermaid to be light */
.mermaid text,
.mermaid .nodeLabel,
.mermaid .edgeLabel,
.mermaid .label,
.mermaid span,
.mermaid .messageText,
.mermaid .labelText,
.mermaid .loopText,
.mermaid .noteText,
.mermaid .actor,
.mermaid tspan {
  fill: #FAFAFA !important;
  color: #FAFAFA !important;
  font-family: "Source Sans 3", sans-serif !important;
}

.mermaid .cluster-label .nodeLabel,
.mermaid .cluster-label span {
  fill: #E9FC8C !important;
  color: #E9FC8C !important;
  font-family: "Familjen Grotesk", sans-serif !important;
  font-weight: 600 !important;
}

/* Mermaid lines and arrows */
.mermaid .flowchart-link,
.mermaid .messageLine0,
.mermaid .messageLine1,
.mermaid line,
.mermaid path.path {
  stroke: #CEEDB2 !important;
}

.mermaid marker path {
  fill: #CEEDB2 !important;
}

/* Sequence diagram actors */
.mermaid .actor-line {
  stroke: #1a5c56 !important;
}

.mermaid rect.actor {
  fill: #0E423E !important;
  stroke: #E9FC8C !important;
}

/* Sequence diagram activation bars */
.mermaid .activation0,
.mermaid .activation1,
.mermaid .activation2 {
  fill: #1a5c56 !important;
  stroke: #CEEDB2 !important;
}

/* Sequence diagram loop/rect backgrounds */
.mermaid .loopLine {
  stroke: #E9FC8C !important;
}

.mermaid .labelBox {
  fill: #0E423E !important;
  stroke: #E9FC8C !important;
}

/* Class diagram */
.mermaid .classTitle {
  fill: #E9FC8C !important;
}

.mermaid .classLabel .label {
  fill: #FAFAFA !important;
  color: #FAFAFA !important;
}

/* Import Familjen Grotesk */
@import url('https://fonts.googleapis.com/css2?family=Familjen+Grotesk:wght@400;500;600;700&display=swap');