/* Nebion Color Palette */
:root {
  /* Primary Colors */
  --color-dark: #0f1419;
  --color-light: #ffffff;
  --color-accent-green: #00d084;
  --color-accent-green-hover: #00b870;
  --color-secondary-green: #00a86b;

  /* Text Colors */
  --color-text-light-primary: #0f1419;
  --color-text-light-secondary: #5a5f67;
  --color-text-dark-primary: #e0e0e0;
  --color-text-dark-secondary: #a0a0a0;
  --color-text-gray: #6b7280;
  --color-text-muted: #7a8592;

  /* Background Colors */
  --color-bg-light-primary: #f3f4f6;
  --color-bg-light-secondary: #fafafa;
  --color-bg-light-accent: #f0fdf4;
  --color-bg-dark: #0f1419;

  /* Border Colors */
  --color-border-light: #e5e7eb;
  --color-border-dark: rgba(255, 255, 255, 0.1);
  --color-border-accent: rgba(0, 208, 132, 0.2);
}

.md-header {
  background-color: #0f1419;
  box-shadow: 0 4px 8px 0 rgba(0, 255, 136, 0.2);
}

.md-header__button.md-logo img {
  color: #0f8;
  stroke: #0f8;
}


/* Remove line spacing for nested list items */
.md-typeset ol li,
.md-typeset ul li {
  margin-bottom: 0.1em;
  padding: 0;
}



/* Content area typography */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  color: var(--color-text-light-primary);
}

.md-typeset h1 a.headerlink,
.md-typeset h2 a.headerlink,
.md-typeset h3 a.headerlink,
.md-typeset h4 a.headerlink,
.md-typeset h5 a.headerlink,
.md-typeset h6 a.headerlink {
  color: var(--color-accent-green);
}

.md-typeset p {
  color: var(--color-text-light-secondary);
}

.md-typeset a {
  /*color: var(--color-accent-green);*/
  text-decoration: none;
}

.md-typeset a:hover {
  color: var(--color-accent-green-hover);
}

/* Code styling */
.md-typeset code {
  background-color: var(--color-bg-light-secondary);
  color: var(--color-text-light-primary);
  border: 1px solid var(--color-border-light);
  padding: 0.25em 0.5em;
  border-radius: 0.25rem;
}

.md-typeset pre {
  background-color: var(--color-dark);
  color: var(--color-text-dark-primary);
  border: 1px solid var(--color-border-dark);
}

.md-typeset pre code {
  background-color: transparent;
  border: none;
  color: inherit;
  padding: 0;
}

/* Table styling */
.md-typeset table {
  border-collapse: collapse;
  width: 100%;
}

.md-typeset table thead {
  background-color: var(--color-bg-light-primary);
}

.md-typeset table thead th {
  color: var(--color-text-light-primary);
  border-color: var(--color-border-light);
}

.md-typeset table tbody tr {
  border-bottom: 1px solid var(--color-border-light);
}

.md-typeset table tbody tr:hover {
  background-color: var(--color-bg-light-accent);
}

.md-typeset table td {
  color: var(--color-text-light-secondary);
  border-color: var(--color-border-light);
}

/* List styling */
.md-typeset ul li {
  color: var(--color-text-light-secondary);
}

.md-typeset ol li {
  color: var(--color-text-light-secondary);
}

/* Blockquote styling */
.md-typeset blockquote {
  color: var(--color-text-muted);
  border-left: 4px solid var(--color-accent-green);
  padding-left: 1rem;
}

/* Grid cards layout */
.md-typeset .grid.cards li {
  background-color: var(--color-light);
  border: 1px solid var(--color-border-light);
}

.md-typeset .grid.cards li:hover {
  border-color: var(--color-accent-green);
  box-shadow: 0 2px 8px rgba(0, 208, 132, 0.1);
}

.md-typeset .grid.cards li strong {
  color: var(--color-text-light-primary);
}



/* Navigation styling */
.md-nav__link {
  color: var(--color-text-light-primary);
}

.md-nav__link:hover,
.md-nav__link--active {
  color: var(--color-accent-green);
}

/* Admonition (note, warning, etc.) styling */
.md-typeset .admonition {
  border-left: 4px solid var(--color-accent-green);
  background-color: rgba(0, 208, 132, 0.05);
}

.md-typeset .admonition.note {
  border-left-color: var(--color-accent-green);
}

.md-typeset .admonition.warning {
  border-left-color: #f59e0b;
}

.md-typeset .admonition.danger {
  border-left-color: #ef4444;
}

.md-typeset .admonition>.admonition-title {
  color: var(--color-text-light-primary);
  font-weight: 600;
}

/* Buttons and interactive elements */
.md-typeset button,
.md-typeset .md-button {
  background-color: var(--color-accent-green);
  color: var(--color-light);
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.md-typeset button:hover,
.md-typeset .md-button:hover {
  background-color: var(--color-accent-green-hover);
}

/* Search styling */
.md-search__input::placeholder {
  color: var(--color-text-gray);
}

/* Footer styling */
.md-footer-meta {
  color: var(--color-text-gray);
}