@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
  --ifm-color-primary: #2563eb;
  --ifm-color-primary-dark: #1d4ed8;
  --ifm-color-primary-darker: #1e40af;
  --ifm-color-primary-darkest: #1e3a8a;
  --ifm-color-primary-light: #3b82f6;
  --ifm-color-primary-lighter: #60a5fa;
  --ifm-color-primary-lightest: #93c5fd;
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
  --site-font-mono: 'JetBrains Mono', monospace;
}

[data-theme='dark'] {
  --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: #bfdbfe;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}

/* ===== Markdown Pages - Tech Style ===== */
@keyframes mdFadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.theme-doc-markdown {
  animation: mdFadeInUp 0.5s ease both;
}

.theme-doc-markdown h1,
.theme-doc-markdown h2 {
  font-family: var(--site-font-mono, "JetBrains Mono", monospace);
  color: var(--ifm-color-primary);
}

.theme-doc-markdown ul > li {
  list-style: none;
  margin-bottom: 0.5rem;
}

.theme-doc-markdown ul {
  padding-left: 0;
}

.theme-doc-markdown ul > li > a {
  display: block;
  padding: 0.9rem 1.1rem;
  border-radius: 8px;
  background: var(--ifm-background-surface-color);
  border: 1px solid var(--ifm-color-emphasis-200);
  border-left: 3px solid var(--ifm-color-primary);
  text-decoration: none;
  color: inherit;
  transition: all 0.2s ease;
  font-family: var(--site-font-mono, "JetBrains Mono", monospace);
  font-size: 0.95rem;
}

.theme-doc-markdown ul > li > a:hover {
  border-color: var(--ifm-color-primary);
  border-left-color: var(--ifm-color-primary);
  transform: scale(1.02);
  box-shadow: 0 0 16px rgba(37,99,235,0.25);
  text-decoration: none;
  color: inherit;
}

[data-theme="dark"] .theme-doc-markdown ul > li > a:hover {
  box-shadow: 0 0 16px rgba(59,130,246,0.25);
}
