[data-md-color-scheme="default"] {
  --bg-primary: #ffffff;
  --bg-code: #f5f5f5;
  --text-primary: #2c3e50;
  --text-headers: #2c3e50;
  --border-color: #e1e4e8;
  --code-bg: #f8f9fa;
  --table-bg: #ffffff;
  --admonition-border: #e1e4e8;
  --md-typeset-a-color: #009688 !important;
  --md-accent-fg-color: #FFB900 !important;
  --md-footer-fg-color--lighter: black !important;
  --md-footer-fg-color--light: black !important;
}

/* Base variables for dark theme (slate) */
[data-md-color-scheme="slate"] {
  --bg-primary: #0e0e10;
  --bg-code: #0b0c0d;
  --text-primary: white;
  --text-headers: white;
  --border-color: var(--md-default-fg-color--lightest);
  --code-bg: #0b0c0d;
  --table-bg: #0b0c0d;
  --admonition-border: var(--md-default-fg-color--lightest);
  --md-typeset-a-color: #FFB900 !important;
  --md-accent-fg-color: #FFB900 !important
}
[data-md-color-scheme="slate"] :root {
    color: white;
  --md-primary-fg-color: white !important;
  --md-accent-fg-color: white !important;
}

:root {
  --max-width: 68rem;
  --header-padding: 0.5rem 0;
  --code-padding: 0.1rem 0.3rem;
  --border-radius: 0.6rem;
  --border-radius-small: 0.3rem;
  --content-padding: 1rem;
  --font-weight-semibold: 600;
  --font-weight-normal: 400;

}

.md-nav__link--active, .md-tabs__item--active {
  font-weight: var(--font-weight-semibold) !important;
}
label.md-nav__link, label.md-nav__title {
    font-weight: 400 !important;
}

h1,
h2 {
  font-weight: var(--font-weight-semibold) !important;
  color: var(--text-headers) !important;
}

h3 {
  font-weight: var(--font-weight-semibold) !important;
}

.md-header {
  padding: var(--header-padding) !important;
  background-color: unset !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--border-color);
}

.md-tabs {
  background-color: unset !important;
  border-bottom: 1px solid var(--border-color);
}

.md-grid {
  max-width: var(--max-width);
}

pre {
  margin: 0 !important;
}

.filename {
  font-weight: var(--font-weight-normal) !important;
}

.md-main {
  background-color: var(--bg-primary);
}

code {
  background-color: var(--code-bg) !important;
  padding: var(--code-padding) !important;
  border-radius: var(--border-radius-small) !important;
}

li code, td code, p > code {
  border: 1px solid var(--border-color) !important;
}

.md-typeset__table table {
  background-color: var(--table-bg) !important;
  border-radius: var(--border-radius) !important;
}

pre .md-code__content,
.filename {
  background-color: unset !important;
  padding: var(--content-padding) !important;
  margin: 0 !important;
}

.highlight {
  background: var(--code-bg) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: var(--border-radius) !important;
}

.admonition {
  border-radius: var(--border-radius) !important;
  border-width: 1px !important;
  margin-top: 1.5rem !important;
}

/* Theme-specific overrides for dark theme */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: var(--bg-primary) !important;
  --md-code-bg-color: var(--code-bg) !important;
}

.md-nav__link {
    margin-top: 0.7rem !important;
}

.md-footer,.md-footer-meta {
    background-color: unset !important;
    color: var(--text-primary) !important;
}

#__nav_2_label, .md-nav__title {
  padding-bottom: 1rem;
}

.md-header--shadow {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05) !important;
}

.md-logo img {
  height: 2rem !important;
  width: 2rem !important;
}

.md-logo {
  padding: 0 !important;
}

.get-started-btn {
  /* display: inline-block; */
  padding: 0.6rem 1.2rem !important;
  background: var(--md-typeset-a-color) !important;
  color: var(--table-bg) !important;
  text-decoration: none !important;
  border-radius: var(--border-radius) !important;
  font-size: 0.75rem !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.3s ease !important;
  border: none !important;
}

.get-started-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
}

.admonition {
  font-size: 0.7rem !important;
}

.admonition > :not(:first-child) {
  padding-left: 0.4rem !important;
  padding-right: 1rem !important;
}
.admonition > :last-child {
  padding-bottom: 0.2rem !important;
}
.admonition-title::before {
  height: 1.4rem !important;
  width: 1.4rem !important;
}
.admonition-title {
  padding: 0.7rem 2.3rem !important;
}