/* styles.css */

/* Styling for the documentation container */
.documentation-container {
  padding: 2rem;
}

.documentation-section {
  max-width: 900px;
  height: 80vh;
  margin: 0 auto;
  background: var(--doc-background-color); /* Use variable for background */
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  overflow-y: scroll;
}

.title {
  font-size: 2rem;
  color: var(--doc-title-color); /* Use variable for title color */
  margin-bottom: 1.5rem;
}

.subtitle {
  font-size: 1.5rem;
  color: var(--doc-subtitle-color); /* Use variable for subtitle color */
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.subsection-title {
  font-size: 1.25rem;
  color: var(--doc-subsection-title-color); /* Use variable for subsection title color */
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}

.paragraph {
  font-size: 1rem;
  color: var(--doc-paragraph-color); /* Use variable for paragraph color */
  margin-bottom: 1.5rem;
  line-height: 1.6;
}