/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
  --ifm-color-primary: #405189;
  --ifm-color-primary-dark: #3a497b;
  --ifm-color-primary-darker: #364574;
  --ifm-color-primary-darkest: #2d3960;
  --ifm-color-primary-light: #465997;
  --ifm-color-primary-lighter: #4a5e9e;
  --ifm-color-primary-lightest: #5369b2;
  --ifm-background-color: #f3f3f9;
  --ifm-background-surface-color: #ffffff;
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
  --ifm-color-primary: #f06548;
  --ifm-color-primary-dark: #ee4d2b;
  --ifm-color-primary-darker: #ed421d;
  --ifm-color-primary-darkest: #c93112;
  --ifm-color-primary-light: #f27d65;
  --ifm-color-primary-lighter: #f38873;
  --ifm-color-primary-lightest: #f6ad9d;
  --ifm-background-color: #1a1a1a;
  --ifm-background-surface-color: #2c2c2c;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}

/* Scribehow Documentation Styling */
.markdown {
  max-width: 860px;
  margin: 0 auto;
}

/* Style each paragraph as a card, but exclude those inside tips and info boxes */
.markdown p:not(.theme-admonition-tip p, .theme-admonition-info p) {
  margin: 1.5rem 0;
  padding: 1.5rem;
  background: var(--ifm-background-surface-color);
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  display: block;
}

/* Reset styling for paragraphs inside tip and info blocks */
.theme-admonition-tip p,
.theme-admonition-info p {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Keep the strong/bold styling consistent */
.markdown p strong {
  display: inline;
  margin-right: 4px;
}

/* Maintain image styling */
.markdown p img {
  display: block;
  max-width: 100%;
  border-radius: 8px;
  margin: 1rem 0;
}

/* Remove generated step numbers */
.markdown p:not(:first-child)::before {
  display: none;
}

/* Dark mode adjustments */
[data-theme='dark'] .markdown p {
  background: var(--ifm-background-surface-color);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Scribehow attribution link */
.markdown a[href*="scribehow.com"] {
  display: inline-block;
  margin-top: 2rem;
  font-size: 0.9rem;
  color: var(--ifm-color-primary);
  text-decoration: none;
}

/* Enhanced Heading Styles */
.markdown h1 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #344268;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid rgba(52, 66, 104, 0.2);
}

.markdown h2 {
  font-size: 2rem;
  font-weight: 600;
  color: #3d4d7a;
  margin: 2rem 0 1rem;
}

.markdown h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #455788;
  margin: 1.5rem 0 1rem;
}

.markdown h4 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #4d6196;
  margin: 1.25rem 0 0.75rem;
}

/* Dark mode heading adjustments */
[data-theme='dark'] .markdown h1 {
  color: var(--ifm-color-primary-lighter);
  border-bottom-color: var(--ifm-color-primary);
}

[data-theme='dark'] .markdown h2,
[data-theme='dark'] .markdown h3,
[data-theme='dark'] .markdown h4 {
  color: var(--ifm-color-primary-lightest);
}

/* Special heading styles for admonition/tip boxes */
.theme-admonition-tip h1,
.theme-admonition-tip h2,
.theme-admonition-tip h3,
.theme-admonition-tip h4 {
  color: inherit;
  border-bottom: none;
  margin: 0.5rem 0;
  font-size: 1.1rem;
  font-weight: 600;
}

/* Ensure tip content maintains proper spacing */
.theme-admonition-tip {
  margin: 1.5rem 0;
}