/* Design https://design.landbw.de */

/*
[data-md-color-scheme="bw"] {
    --md-primary-fg-color:        #000000;
    --md-primary-fg-color--light: rgb(255, 225, 0);
    --md-primary-fg-color--dark:  #000000;
  }
*/

/* Override Default Light mode */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: rgb(42, 38, 35);  /* #2A2623 */
  --md-default-bg-color: rgb(255, 255, 255); /* #FFFC00 */
}

/* Override Slate Dark mode */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: rgb(42, 38, 35);  /* #2A2623 */
  --md-default-bg-color: rgb(42, 38, 35);  /* #2A2623 */
}

.custom-header {
  background-color: rgb(255, 252, 0); /* #FFFC00 */
  color: rgb(42, 38, 35);             /* #2A2623 */
  padding: 20px;
  text-align: center;
}

.custom-header .logo {
  max-height: 50px;
}

.textlink {
  text-decoration: underline;
  font-weight: bold;
  color: blue
}

/* Enhanced Link Styling */
.md-content a {
  text-decoration: underline;
  font-weight: bold;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.md-content a:hover {
  text-decoration-thickness: 2px;
}

/* Enhanced Code Block Styling */
.md-typeset pre {
  background-color: var(--md-code-bg-color);
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.2rem;
}

[data-md-color-scheme="default"] .md-typeset pre {
  background-color: #f5f5f5;
  border-color: #e0e0e0;
}

[data-md-color-scheme="slate"] .md-typeset pre {
  background-color: #1e1e1e;
  border-color: #3a3a3a;
}

/* Inline Code Highlighting */
.md-typeset code {
  background-color: var(--md-code-bg-color);
  color: var(--md-code-fg-color);
  border-radius: 0.2rem;
  padding: 0.1em 0.4em;
  font-weight: 500;
}

[data-md-color-scheme="default"] .md-typeset code {
  background-color: #f0f0f0;
  color: #c7254e;
  border: 1px solid #e0e0e0;
}

[data-md-color-scheme="slate"] .md-typeset code {
  background-color: #2d2d2d;
  color: #ff6b6b;
  border: 1px solid #3a3a3a;
}

/* Code Block Syntax Highlighting Enhancement */
.md-typeset .highlight pre code {
  font-size: 0.85em;
  line-height: 1.5;
}

/* Custom Footer Styling */
.md-footer-custom {
  margin-top: 0.5em;
  font-size: 0.9em;
  opacity: 0.8;
}

.md-footer-custom a {
  color: var(--md-footer-fg-color--light);
  text-decoration: none;
  transition: color 0.2s;
}

.md-footer-custom a:hover {
  color: var(--md-footer-fg-color);
  text-decoration: underline;
}