/* PayAlo brand colors */
:root {
  --payalo-blue: #0b77c9;
  --payalo-blue-light: #4fa8e0;
  --payalo-blue-dark: #085c9c;
  --payalo-text: #1e293b;
  --payalo-text-secondary: #64748b;
  --payalo-bg: #ffffff;
  --payalo-bg-secondary: #f8fafc;
  --payalo-border: #e2e8f0;
}

/* Light mode overrides */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #0b77c9;
  --md-primary-fg-color--light: #4fa8e0;
  --md-primary-fg-color--dark: #085c9c;
  --md-accent-fg-color: #0b77c9;
  --md-default-bg-color: #ffffff;
  --md-default-fg-color: #1e293b;
  --md-default-fg-color--light: #64748b;
  --md-default-fg-color--lighter: #94a3b8;
  --md-typeset-color: #1e293b;
  --md-code-bg-color: #f8fafc;
}

/* Dark mode overrides */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #4fa8e0;
  --md-primary-fg-color--light: #4fa8e0;
  --md-primary-fg-color--dark: #0b77c9;
  --md-accent-fg-color: #4fa8e0;
  --md-default-bg-color: #0f172a;
  --md-default-fg-color: #e2e8f0;
  --md-default-fg-color--light: #94a3b8;
  --md-default-fg-color--lighter: #64748b;
  --md-typeset-color: #e2e8f0;
  --md-code-bg-color: #1e293b;
}

/* Header */
.md-header {
  background-color: #0b77c9;
}

[data-md-color-scheme="slate"] .md-header {
  background-color: #0f172a;
  border-bottom: 1px solid #1e293b;
}

/* Navigation tabs */
.md-tabs {
  background-color: #085c9c;
}

[data-md-color-scheme="slate"] .md-tabs {
  background-color: #1e293b;
}

/* Sidebar */
.md-sidebar__scrollwrap {
  scrollbar-color: var(--payalo-border) transparent;
}

/* Links */
.md-typeset a {
  color: #0b77c9;
}

[data-md-color-scheme="slate"] .md-typeset a {
  color: #4fa8e0;
}

/* Code blocks */
.md-typeset code {
  border-radius: 4px;
}

.md-typeset pre > code {
  border-radius: 8px;
}

/* Tables */
.md-typeset table:not([class]) {
  border: 1px solid var(--payalo-border);
  border-radius: 8px;
  overflow: hidden;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) {
  border-color: #1e293b;
}

.md-typeset table:not([class]) th {
  background-color: #f1f5f9;
  color: #1e293b;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background-color: #1e293b;
  color: #e2e8f0;
}

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

/* Search bar */
.md-search__input {
  border-radius: 8px;
}

/* Content area */
.md-content {
  max-width: 100%;
}

/* Footer */
.md-footer {
  background-color: #0f172a;
  color: #94a3b8;
}

.md-footer a {
  color: #4fa8e0;
}

/* Smooth transitions */
.md-header,
.md-tabs,
.md-typeset a {
  transition: background-color 0.2s ease, color 0.2s ease;
}