/* Set Segoe UI as the primary font for all text */
:root {
  --md-text-font: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --md-code-font: "Cascadia Code", "Consolas", "Monaco", "Segoe UI Mono", "Roboto Mono", monospace;
}

/* Apply Segoe UI to all elements */
body {
  font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Headers */
h1, h2, h3, h4, h5, h6,
.md-typeset h1, .md-typeset h2, .md-typeset h3, 
.md-typeset h4, .md-typeset h5, .md-typeset h6 {
  font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 600;
}

/* Regular text and paragraphs */
p, li, td, th, div, span,
.md-typeset {
  font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Navigation and sidebar */
.md-nav, .md-tabs, .md-header,
.md-nav__title, .md-nav__item,
.md-search__input, .md-footer {
  font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Tables */
table, th, td {
  font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Forms and inputs */
input, textarea, select, button {
  font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Code blocks (keeping monospace for code) */
code, pre, kbd, samp {
  font-family: "Cascadia Code", "Consolas", "Monaco", "Segoe UI Mono", "Roboto Mono", monospace !important;
}

/* Admonitions and callouts */
.admonition, .md-typeset .admonition {
  font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Blockquotes */
blockquote, .md-typeset blockquote {
  font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}


/* Area around the search button should have #111111 color */
.md-header,
.md-search__form {
  background-color: #111111 !important;
}

/* Area around tabs should have #111111 color background */
.md-tabs {
  background-color: #111111 !important;
}

.md-tabs__list {
  background-color: #111111 !important;
}

.md-tabs__item {
  background-color: #111111 !important;
}

.md-copyright-container {
  width: 100%;
}

/* Complete search input styling for dark background */
.md-search__input {
  color: #FFFFFF !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.md-search__input::placeholder {
  color: #CCCCCC !important;
  opacity: 1 !important;
}

.md-search__input:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
}

.md-search__input:focus {
  background-color: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1) !important;
}

.md-nav--primary .md-nav__title[for="__drawer"] {
    background-color: #1A1A1A;  
}