/* :root>* {
}

:root 
[data-md-color-scheme=default] {

} */


/* customization for dark-theme */
:root [data-md-color-scheme=slate] {
  --md-primary-fg-color: #0e1213;
  --md-primary-fg-color--light: #373737;
  --md-primary-fg-color--dark: #000000;
  --md-primary-bg-color: #fff;
  --md-primary-bg-color--light: #ffffffb3;

  --md-accent-fg-color: cyan;
  --md-accent-fg-color--transparent: rgba(0, 255, 255, 0.748);
  --md-accent-bg-color: black;
  --md-accent-bg-color--light: #3d3d3db3;


  /* body-color */
  --md-default-bg-color: #0e1213;
  /* links-color */
  --md-typeset-a-color: cyan;
  /* text-color */
  --md-typeset-color: #d7d7db;

  /* mermaid Graphs */
  /* Text */
  --md-mermaid-label-fg-color: var(--md-primary-fg-color);
  /* Background for some boxes */
  --md-mermaid-label-bg-color: var(--md-primary-bg-color);
}



/* For dark theme */
[data-md-color-scheme="slate"] {
  .md-typeset .md-button--primary {
    background-color: var(--md-typeset-a-color);
    border-color: var(--md-typeset-color);
    color: var(--md-default-bg-color);
  }

  
}

/* For light theme */
[data-md-color-scheme="default"] {
  .md-typeset .md-button--primary {
    border-color: black;
  }
}




/* Mermaid Cotainer */
.mermaid {
  background-color: var(--md-default-bg-color);
  padding: 10px;
  margin: 10px 0;
  display: flex;
  justify-content: center;
}




/* Images */
.lightgallery img {
  border-radius: 5px;
  /* padding: 2px; */
  /* background-color: var(--md-primary-fg-color); */
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.07);
}




[data-md-color-scheme="default"] img[src$="#only-dark"],
[data-md-color-scheme="default"] img[src$="#gh-dark-mode-only"] {
  display: none; /* Hide dark images in light mode */
}

[data-md-color-scheme="slate"] img[src$="#only-light"],
[data-md-color-scheme="slate"] img[src$="#gh-light-mode-only"] {
  display: none; /* Hide light images in dark mode */
}