:root {
  /* Typography */
  --md-text-font: "Arbeit", "Inter", Arial, Helvetica, sans-serif;
  --md-code-font: "Fira Code", monospace;

  /* Primary color - Dark navy */
  --md-primary-fg-color:        #181e39;
  --md-primary-fg-color--light: #2a3256;
  --md-primary-fg-color--dark:  #0f1324;

  /* Highlight emphasis - Blue */
  --md-typeset-a-color:         #2c54e8;

  /* Accent emphasis - Yellow */
  --md-accent-fg-color:         #ecfd33;
  --md-accent-fg-color--transparent: rgba(236, 253, 51, 0.1);

  /* Header colors */
  --header-bg:                  #f9f9fa;
  --header-text:                #808493;
  --header-active-bg:           #dde4fd;
}

/* Apply font family globally */
body, .md-typeset {
  font-family: var(--md-text-font);
}

/* Header styling */
[data-md-color-scheme="default"] .md-header,
[data-md-color-scheme="default"] .md-header a,
[data-md-color-scheme="default"] .md-tabs,
[data-md-color-scheme="default"] .md-tabs__link {
  background-color: var(--header-bg);
  color: var(--header-text);
}

[data-md-color-scheme="default"] .md-tabs__link:hover, 
[data-md-color-scheme="default"] .md-tabs__link--active {
  background-color: var(--header-active-bg);
  color: var(--md-typeset-a-color);
}

/* Search box styling */
[data-md-color-scheme="default"] .md-search__form,
[data-md-color-scheme="default"] .md-search__input {
  background-color: var(--header-bg);
  color: var(--header-text);
}

[data-md-color-scheme="default"] .md-search__input::placeholder {
  color: var(--header-text);
  opacity: 0.7;
}

[data-md-color-scheme="default"] .md-search__input:focus {
  background-color: var(--header-active-bg);
  color: var(--md-typeset-a-color);
}

[data-md-color-scheme="default"] .md-search__input:focus::placeholder {
  color: var(--md-typeset-a-color);
  opacity: 0.5;
}

[data-md-color-scheme="default"] .md-search__icon {
  color: var(--header-text);
}

[data-md-color-scheme="default"] .md-search__input:focus ~ .md-search__icon {
  color: var(--md-typeset-a-color);
}

/* Links */
.md-typeset a {
  color: var(--md-typeset-a-color);
}

.md-typeset a:hover {
  color: var(--md-accent-fg-color);
}

/* HTTP method labels */
.http-method {
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: bold;
  font-size: 0.8em;
  color: white;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}

.get { background-color: #61affe; }
.post { background-color: #49cc90; }
.put { background-color: #fca130; }
.delete { background-color: #f93e3e; }

/* Tables */
.md-typeset table:not([class]) {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.md-typeset table:not([class]) th,
.md-typeset table:not([class]) td {
  word-wrap: break-word;
  overflow-wrap: break-word;
}