:root {
  /* Typography scaling */
  --md-text-font-size: 0.75rem;   /* body text (default ~0.8–0.9rem) */
  --md-h1-font-size: 1.4rem;     /* main headings */
  --md-h2-font-size: 1.2rem;   /* subheadings */
  --md-h3-font-size: 1.0rem;   /* section headings */
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #121212; /* Dark background */
  --md-default-fg-color: #E0E0E0; /* Light text for dark mode */
  --md-primary-fg-color: #FF3621; /* Databricks primary red */
  --md-accent-fg-color: #FF694B;  /* Databricks lighter red/orange accent */
  --md-default-fg-color--light: #FFFFFF; /* Active link color */
}

/* ============================================
   Typography
============================================ */

.md-typeset {
  font-size: var(--md-text-font-size);
}

.md-typeset h1 {
  font-size: var(--md-h1-font-size);
}

.md-typeset h2 {
  font-size: var(--md-h2-font-size);
}

.md-typeset h3 {
  font-size: var(--md-h3-font-size);
}

/* ============================================
   Navigation sidebar
============================================ */

.md-nav__title {
  color: var(--md-primary-fg-color);
  font-weight: 700;
  font-size: 0.9rem; /* slightly larger than default */
}

.md-nav__item--nested > .md-nav__link {
  color: var(--md-accent-fg-color);
  font-weight: 600;
  font-size: 0.9rem; /* slightly larger than default */
}

.md-nav__link--active {
  color: var(--md-default-fg-color--light);
  font-weight: 700;
}

.md-nav__link:hover {
  color: var(--md-primary-fg-color);
}