/* ReversePilot Custom Color Scheme */

:root {
  --md-primary-fg-color: #104862;
  --md-primary-fg-color--light: #1a5e7a;
  --md-primary-fg-color--dark: #0d3a4d;
  --md-primary-bg-color: #ffffff;
  --md-accent-fg-color: #E78724;
  --md-accent-fg-color--transparent: rgba(231, 135, 36, 0.1);
}

/* Light mode custom colors */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #104862;
  --md-primary-fg-color--light: #1a5e7a;
  --md-primary-fg-color--dark: #0d3a4d;
  --md-accent-fg-color: #E78724;
  --md-accent-fg-color--transparent: rgba(231, 135, 36, 0.1);
  
  /* Override default link colors */
  --md-typeset-a-color: #104862;
  
  /* Header */
  --md-primary-bg-color: #ffffff;
  
  /* Navigation */
  --md-default-fg-color: #282828;
  --md-default-fg-color--light: #9A9A9A;
}

/* Dark mode custom colors */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #1a5e7a;
  --md-primary-fg-color--light: #2a7a9a;
  --md-primary-fg-color--dark: #104862;
  --md-accent-fg-color: #E78724;
  --md-accent-fg-color--transparent: rgba(231, 135, 36, 0.1);
  
  /* Override default link colors for dark mode */
  --md-typeset-a-color: #5fa8d3;
}

/* Custom styling for header/navigation */
.md-header {
  background-color: var(--md-primary-fg-color);
}

/* Active navigation items */
.md-nav__link--active {
  color: var(--md-accent-fg-color);
}

/* Hover effects */
.md-nav__link:hover {
  color: var(--md-accent-fg-color);
}

/* Primary buttons and interactive elements */
.md-button--primary {
  background-color: var(--md-accent-fg-color);
  color: white;
  border-color: var(--md-accent-fg-color);
}

.md-button--primary:hover {
  background-color: #d17820;
  border-color: #d17820;
}

/* Logo styling */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 2rem;
  width: auto;
}

/* Tabs styling */
.md-tabs {
  background-color: var(--md-primary-fg-color);
}

/* Search box */
.md-search__input {
  background-color: rgba(255, 255, 255, 0.1);
}

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

/* Code blocks accent */
.md-typeset code {
  background-color: rgba(231, 135, 36, 0.05);
}

/* Admonitions with brand colors */
.md-typeset .admonition.note,
.md-typeset .admonition.info {
  border-color: var(--md-primary-fg-color);
}

.md-typeset .admonition.warning {
  border-color: var(--md-accent-fg-color);
}