/* Brilio Brand Colors - Refined color scheme with #1e5cf9 as primary */

:root {
  /* Typography - System UI fonts */
  --md-text-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --md-code-font: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  
  /* Primary Brilio blue */
  --md-primary-fg-color: #1e5cf9 !important;
  --md-primary-fg-color--light: #4a7bfa !important;
  --md-primary-fg-color--dark: #1548d6 !important;
  
  /* Accent color - slightly lighter blue for interactivity */
  --md-accent-fg-color: #3d6ff9 !important;
  --md-accent-fg-color--transparent: rgba(30, 92, 249, 0.1) !important;
  
  /* Links - primary blue */
  --md-typeset-a-color: #1e5cf9 !important;
  
  /* Code blocks - muted blue-grey for better readability */
  --md-code-fg-color: #37474f !important;
  --md-code-bg-color: #f5f7fa !important;
  
  /* Admonitions and callouts */
  --md-admonition-fg-color: #1e5cf9 !important;
}

/* Header - match body/content background (default Material theme) */
.md-header {
  background-color: var(--md-default-bg-color) !important;
  color: var(--md-default-fg-color) !important;
}

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

.md-header__title {
  color: var(--md-default-fg-color) !important;
}

.md-header__button,
.md-header__topic,
.md-header .md-icon {
  color: var(--md-default-fg-color) !important;
}

.md-header__button:hover {
  color: #1e5cf9 !important;
}

/* Footer - match body/content background */
.md-footer {
  background-color: var(--md-default-bg-color) !important;
  border-top: 1px solid var(--md-default-fg-color--lightest);
}

.md-footer__link,
.md-footer__title {
  color: var(--md-default-fg-color) !important;
}

.md-footer-meta {
  background-color: var(--md-default-bg-color) !important;
  color: var(--md-default-fg-color) !important;
}

/* Copyright text in footer - force dark text in light mode */
.md-footer-meta__inner,
.md-copyright,
.md-footer-meta .md-typeset {
  color: var(--md-default-fg-color) !important;
}

/* Force all text elements in footer-meta to be visible */
.md-footer-meta *,
.md-footer-meta__inner *,
.md-copyright * {
  color: inherit !important;
}

.md-footer a {
  color: #1e5cf9 !important;
}

.md-footer a:hover {
  color: #1548d6 !important;
}

/* Social icons in footer */
.md-footer .md-social__link {
  color: var(--md-default-fg-color--light) !important;
}

.md-footer .md-social__link:hover {
  color: #1e5cf9 !important;
}

/* Navigation tabs - pure blue background */
.md-tabs {
  background-color: var(--md-default-bg-color) !important;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}

/* Active navigation items */
.md-tabs__link--active {
  color: #1e5cf9 !important;
  opacity: 1 !important;
  font-weight: 600 !important;
}

.md-tabs__link {
  color: var(--md-default-fg-color--light) !important;
  opacity: 0.8 !important;
}

.md-tabs__link:hover {
  color: #1e5cf9 !important;
  opacity: 1 !important;
}

/* Sidebar navigation - subtle blue highlights */
.md-nav__link--active {
  color: #1e5cf9 !important;
  font-weight: 600 !important;
}

.md-nav__link:hover {
  color: #1e5cf9 !important;
}

/* Buttons and interactive elements */
.md-button--primary {
  background-color: #1e5cf9 !important;
  border-color: #1e5cf9 !important;
}

.md-button--primary:hover {
  background-color: #1548d6 !important;
}

/* Search highlight */
.md-search-result__article--document::before {
  border-left-color: #1e5cf9 !important;
}

/* Table of contents active item */
.md-nav__link--active,
.md-nav__link--passed {
  color: #1e5cf9 !important;
}

/* Dark mode - adjusted for better contrast and readability */
[data-md-color-scheme="slate"] {
  /* Primary colors - same Brilio blue */
  --md-primary-fg-color: #1e5cf9 !important;
  --md-primary-fg-color--light: #4a7bfa !important;
  --md-primary-fg-color--dark: #1548d6 !important;
  
  /* Accent - brighter for dark background */
  --md-accent-fg-color: #5c8ffa !important;
  --md-accent-fg-color--transparent: rgba(92, 143, 250, 0.15) !important;
  
  /* Links - slightly brighter for contrast */
  --md-typeset-a-color: #5c8ffa !important;
  
  /* Code blocks - darker with blue tint */
  --md-code-fg-color: #e3f2fd !important;
  --md-code-bg-color: #1a2332 !important;
}

/* Dark mode header - match body/content */
[data-md-color-scheme="slate"] .md-header {
  background-color: var(--md-default-bg-color) !important;
  color: var(--md-default-fg-color) !important;
}

[data-md-color-scheme="slate"] .md-header__title {
  color: var(--md-default-fg-color) !important;
}

[data-md-color-scheme="slate"] .md-header__button,
[data-md-color-scheme="slate"] .md-header__topic,
[data-md-color-scheme="slate"] .md-header .md-icon {
  color: var(--md-default-fg-color) !important;
}

[data-md-color-scheme="slate"] .md-header__button:hover {
  color: #5c8ffa !important;
}

/* Dark mode footer - match body/content */
[data-md-color-scheme="slate"] .md-footer {
  background-color: var(--md-default-bg-color) !important;
  border-top: 1px solid var(--md-default-fg-color--lightest);
}

[data-md-color-scheme="slate"] .md-footer__link,
[data-md-color-scheme="slate"] .md-footer__title {
  color: var(--md-default-fg-color) !important;
}

[data-md-color-scheme="slate"] .md-footer-meta {
  background-color: var(--md-default-bg-color) !important;
  color: var(--md-default-fg-color) !important;
}

/* Copyright text in footer - dark mode */
[data-md-color-scheme="slate"] .md-footer-meta__inner,
[data-md-color-scheme="slate"] .md-copyright,
[data-md-color-scheme="slate"] .md-footer-meta .md-typeset {
  color: var(--md-default-fg-color) !important;
}

/* Force all text elements in footer-meta to be visible - dark mode */
[data-md-color-scheme="slate"] .md-footer-meta *,
[data-md-color-scheme="slate"] .md-footer-meta__inner *,
[data-md-color-scheme="slate"] .md-copyright * {
  color: inherit !important;
}

[data-md-color-scheme="slate"] .md-footer a {
  color: #5c8ffa !important;
}

[data-md-color-scheme="slate"] .md-footer a:hover {
  color: #4a7bfa !important;
}

[data-md-color-scheme="slate"] .md-footer .md-social__link {
  color: var(--md-default-fg-color--light) !important;
}

[data-md-color-scheme="slate"] .md-footer .md-social__link:hover {
  color: #5c8ffa !important;
}

/* Dark mode navigation tabs */
[data-md-color-scheme="slate"] .md-tabs {
  background-color: var(--md-default-bg-color) !important;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}

[data-md-color-scheme="slate"] .md-tabs__link--active {
  color: #5c8ffa !important;
  font-weight: 600 !important;
}

[data-md-color-scheme="slate"] .md-tabs__link {
  color: var(--md-default-fg-color--light) !important;
}

[data-md-color-scheme="slate"] .md-tabs__link:hover {
  color: #5c8ffa !important;
}

/* Dark mode sidebar navigation */
[data-md-color-scheme="slate"] .md-nav__link--active {
  color: #5c8ffa !important;
}

[data-md-color-scheme="slate"] .md-nav__link:hover {
  color: #5c8ffa !important;
}

/* Dark mode buttons */
[data-md-color-scheme="slate"] .md-button--primary {
  background-color: #1e5cf9 !important;
}

[data-md-color-scheme="slate"] .md-button--primary:hover {
  background-color: #4a7bfa !important;
}

/* Hide Table of Contents completely */
.md-sidebar--secondary {
  display: none !important;
}

/* Search box styling - more subtle in light mode */
[data-md-color-scheme="default"] .md-search__form {
  background-color: transparent;
  border: 1px solid var(--md-default-fg-color--lightest);
}

[data-md-color-scheme="default"] .md-search__input {
  background-color: transparent;
  color: var(--md-default-fg-color);
}

[data-md-color-scheme="default"] .md-search__input::placeholder {
  color: var(--md-default-fg-color--light);
  opacity: 0.6;
}

[data-md-color-scheme="default"] .md-search__input:hover {
  background-color: var(--md-default-fg-color--lightest);
}

[data-md-color-scheme="default"] .md-search__input:focus {
  background-color: var(--md-default-bg-color);
  border-color: var(--md-primary-fg-color);
}