/**
 * mem8 Custom Styles
 * Clean, minimal dark theme with excellent readability
 */

/* Light mode */
:root {
  --ifm-color-primary: #3b82f6;
  --ifm-color-primary-dark: #2563eb;
  --ifm-color-primary-darker: #1d4ed8;
  --ifm-color-primary-darkest: #1e40af;
  --ifm-color-primary-light: #60a5fa;
  --ifm-color-primary-lighter: #93c5fd;
  --ifm-color-primary-lightest: #dbeafe;
  --ifm-code-font-size: 95%;
}

/* Dark mode - Clean and minimal */
[data-theme='dark'] {
  /* Primary color - subtle blue accent */
  --ifm-color-primary: #60a5fa;
  --ifm-color-primary-dark: #3b82f6;
  --ifm-color-primary-darker: #2563eb;
  --ifm-color-primary-darkest: #1d4ed8;
  --ifm-color-primary-light: #93c5fd;
  --ifm-color-primary-lighter: #bfdbfe;
  --ifm-color-primary-lightest: #dbeafe;

  /* Backgrounds - consistent dark palette */
  --ifm-background-color: #0d1117;
  --ifm-background-surface-color: #161b22;
  --ifm-navbar-background-color: #0d1117;
  --ifm-footer-background-color: #0d1117;
  --ifm-hero-background-color: #0d1117;

  /* Borders - subtle */
  --ifm-color-emphasis-300: #30363d;
  --ifm-color-emphasis-200: #21262d;
  --ifm-color-emphasis-100: #161b22;
  --ifm-toc-border-color: #30363d;
  --ifm-hr-border-color: #21262d;

  /* Code blocks - minimal contrast */
  --ifm-code-background: #161b22;
  --ifm-pre-background: #161b22;
  --docusaurus-highlighted-code-line-bg: rgba(96, 165, 250, 0.05);

  /* Cards and surfaces */
  --ifm-card-background-color: #161b22;
  --ifm-menu-color-background-active: rgba(96, 165, 250, 0.08);
  --ifm-menu-color-background-hover: rgba(96, 165, 250, 0.04);

  /* Text - high contrast for readability */
  --ifm-font-color-base: #e6edf3;
  --ifm-font-color-secondary: #7d8590;
  --ifm-heading-color: #ffffff;

  /* Links - readable blue */
  --ifm-link-color: #79c0ff;
  --ifm-link-hover-color: #a5d6ff;

  /* Navbar */
  --ifm-navbar-link-color: #e6edf3;
  --ifm-navbar-link-hover-color: #ffffff;

  /* Sidebar */
  --ifm-menu-color: #e6edf3;
  --ifm-menu-link-sublist-icon: #7d8590;

  /* Buttons */
  --ifm-button-background-color: #161b22;
  --ifm-button-border-color: #30363d;
}

/* Override hero background to match page */
.hero--primary {
  background-color: var(--ifm-hero-background-color) !important;
}

/* Inline code styling */
[data-theme='dark'] code {
  background-color: rgba(110, 118, 129, 0.15);
  border: 1px solid rgba(110, 118, 129, 0.2);
  color: #e6edf3;
  padding: 2px 6px;
  border-radius: 4px;
}

/* Navbar logo sizing - ensure legibility */
.navbar__logo img {
  height: 48px;
  width: auto;
  max-width: none;
}

.navbar__title {
  font-size: 1.25rem;
  font-weight: 600;
}

/* Add spacing between logo and title */
.navbar__logo {
  margin-right: 0.75rem;
}
