:root,
:root.dark-mode,
:root [data-theme='dark'] {
  --primary-color: #1779c4 !important;
  --primary-dark-color: #335c80 !important;
  --primary-light-color: #70b1e9 !important;
    --fragment-background: #ffffff !important; /* Set to white or any light color you prefer */


  --page-background-color: #ffffff !important;
  --page-foreground-color: #2f4153 !important;
  --page-secondary-foreground-color: #6f7e8e !important;

  --separator-color: #dedede !important;
  --side-nav-background: #fbfbfb !important;

  --code-background: #f5f5f5 !important;
  --code-foreground: #2f4153 !important;

  --tablehead-background: #f1f1f1 !important;
  --tablehead-foreground: #2f4153 !important;

  --blockquote-background: #f8f9fa !important;
  --blockquote-foreground: #636568 !important;

  --warning-color: #faf3d8 !important;
  --warning-color-dark: #f3a600 !important;
  --warning-color-darker: #5f4204 !important;

  --note-color: #e4f3ff !important;
  --note-color-dark: #1879C4 !important;
  --note-color-darker: #274a5c !important;

  --todo-color: #e4dafd !important;
  --todo-color-dark: #5b2bdd !important;
  --todo-color-darker: #2a0d72 !important;

  --deprecated-color: #ecf0f3 !important;
  --deprecated-color-dark: #5b6269 !important;
  --deprecated-color-darker: #43454a !important;

  --bug-color: #f8d1cc !important;
  --bug-color-dark: #b61825 !important;
  --bug-color-darker: #75070f !important;

  --invariant-color: #d8f1e3 !important;
  --invariant-color-dark: #44b86f !important;
  --invariant-color-darker: #265532 !important;

  /* Header, footer, and navigation */
  --header-background-color: #F9FAFC !important;
  --nav-background-color: #F9FAFC !important;
  --footer-foreground-color: #2A3D61 !important;

}

/* For Chrome, Edge, and Safari */
html {
    scrollbar-color: #d2d2d2 #ffffff !important; /* thumb and track */
    scrollbar-width: thin !important; /* Firefox */

  /* Chrome, Edge, Safari specific styles for scrollbars */
  &::-webkit-scrollbar {
        width: 12px !important; /* Adjust width for vertical scrollbars */
        height: 12px !important; /* Adjust height for horizontal scrollbars */
  }

  &::-webkit-scrollbar-track {
        background: #ffffff !important; /* Light mode track color */
  }

  &::-webkit-scrollbar-thumb {
        background-color: #d2d2d2 !important; /* Light mode thumb color */
    border-radius: 6px !important;
        border: 3px solid #ffffff !important; /* Optional: Adds some border around the thumb */
  }
}

/* Ensuring the changes reflect when not in dark mode */
:root:not(.dark-mode) {
    --scrollbar-thumb-color: #d2d2d2 !important; /* Light mode thumb color */
    --scrollbar-track-color: #ffffff !important; /* Light mode track color */
}

/*
#nav-path {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

#nav-path ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#nav-path li {
  display: inline;
  padding: 0 10px;
}
*/

li a[href="annotated.html"] {
  display: none !important;
}


li:has(> a[href="annotated.html"]) {
  display: none !important;
}

.permalink {
  display: none !important;
}

.mlabel {
  display: none !important;
}

.header .summary {
  display: none !important;
}

.groupHeader {
    margin-left: 12px !important;
    margin-top: 12px !important;
    padding :6px !important;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

* {
  font-family: 'Roboto', sans-serif !important;
}

li a[href="topics.html"] {
  display: none !important;
}

.title {
  color: #3aa5ff;
  font-weight: bold;
  font-family: 'Roboto', sans-serif !important;
}

h2.memtitle {
  display: none !important;
  /* do not show anchestors between function documentation */
}

div.memitem {
  margin-top: 10px;
}

/*
div#top {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background-color: #ffffffee !important; 
  backdrop-filter: blur(4px) !important;
  border-bottom: 1px solid #ccc !important;
}
*/

div#nav-path {
  display: none;
  /* position: relative; */
  /* z-index: 0; */
  /* margin-top: 1rem; */
}

/* remove optional parameters in function documentation */
span.paramdefval, span.paramdefsep {
  display: none;
}

.doxy-tag {
  border-left: 4px solid #4CAF50;
  padding: 0.5em 1em;
  margin: 1em 0;
  background-color: #f0fff4;
  border-radius: 4px;
  font-size: 0.95em;
}

.propertyscripts {
  border-color: #4CAF50;
  background-color: #f0fff4;
}

.tag-badge {
  display: inline-block;
  background-color: #e8f5e9;
  color: #2e7d32;
  padding: 0.2em 0.6em;
  border-radius: 4px;
  font-size: 0.75em;
  font-weight: bold;
  border: 1px solid #81c784;
}

.tag-badge-inline {
  display: inline-block;
  background-color: #e0f2f1;
  color: #00695c;
  padding: 0.1em 0.5em;
  margin-left: 0.5em;
  border-radius: 8px;
  font-size: 0.75em;
  font-weight: 600;
  border: 1px solid #26a69a;
}