/* Custom styles for Internet Telemetry API Documentation */
/* Matches the main app's design language using Josefin Sans */

:root {
  /* Light theme colors - neutral gray */
  --md-primary-fg-color: #424242;
  --md-primary-fg-color--light: #616161;
  --md-primary-fg-color--dark: #212121;
  --md-accent-fg-color: #757575;
  --md-accent-fg-color--transparent: rgba(117, 117, 117, 0.1);

  /* Typography scale matching main app (Minor Third 1.2) */
  --md-typeset-font-size: 1rem;
}

/* Dark theme colors - matching main app */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #e0e0e0;
  --md-primary-fg-color--light: #f5f5f5;
  --md-primary-fg-color--dark: #bdbdbd;
  --md-accent-fg-color: #9e9e9e;
  --md-accent-fg-color--transparent: rgba(158, 158, 158, 0.1);
  --md-default-bg-color: #121212;
  --md-default-bg-color--light: #1e1e1e;
}

/* Header and tabs styling - matches app's AppBar (#1e1e1e in dark mode) */
.md-header,
.md-tabs {
  background-color: #1e1e1e;
}

[data-md-color-scheme="default"] .md-header,
[data-md-color-scheme="default"] .md-tabs {
  background-color: #fafafa;
  color: #212121;
}

[data-md-color-scheme="default"] .md-header .md-header__title,
[data-md-color-scheme="default"] .md-header .md-search__input,
[data-md-color-scheme="default"] .md-header .md-icon,
[data-md-color-scheme="default"] .md-tabs__link {
  color: #212121;
}

/* Typography adjustments to match main app */
.md-typeset h1 {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.25;
}

.md-typeset h2 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.3;
}

.md-typeset h3 {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.3;
}

.md-typeset h4 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.35;
}

.md-typeset h5 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
}

.md-typeset h6 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4;
}

/* Body text */
.md-typeset {
  font-size: 1rem;
  line-height: 1.5;
}

/* Code blocks - use Fira Code */
.md-typeset code,
.md-typeset pre {
  font-family: "Fira Code", "SF Mono", Menlo, Monaco, Consolas, monospace;
}

/* Buttons and navigation */
.md-typeset .md-button {
  font-weight: 500;
  text-transform: none;
  border-radius: 8px;
}

/* Tables */
.md-typeset table:not([class]) th {
  font-weight: 600;
}

/* Admonitions */
.md-typeset .admonition {
  border-radius: 8px;
}

/* Search */
.md-search__input {
  font-family: "Josefin Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Navigation tabs */
.md-tabs__link {
  font-weight: 500;
}

/* Footer */
.md-footer {
  background-color: var(--md-default-bg-color--light);
}

/* Smooth font rendering */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}