/* Custom styles for IELTS Mock Test */
:root {
  --primary-color: #8b5cf6; /* violet-500 */
  --primary-color-dark: #7c3aed; /* violet-600 */
  --accent-color: #ec4899; /* pink-500 */
  --neutral-light: #f8fafc;
  --neutral-dark: #1f2937;
  --text-color: #374151;
  --font-base: 'Poppins', 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
  background-color: var(--neutral-light);
  font-family: var(--font-base);
}

.prose {
  line-height: 1.6;
  color: #374151;
}

.prose h1, .prose h2, .prose h3 {
  font-weight: 700;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

.prose h1 {
  font-size: 1.8em;
}

.prose h2 {
  font-size: 1.5em;
}

.prose h3 {
  font-size: 1.3em;
}

.prose p {
  margin-bottom: 1em;
}

.prose ul, .prose ol {
  padding-left: 1.5em;
  margin-bottom: 1em;
}

.prose li {
  margin-bottom: 0.5em;
}

/* Buttons */
.btn-primary {
  background-color: var(--primary-color);
  color: #fff;
  padding: 0.5rem 1.25rem;
  border-radius: 0.375rem;
  font-weight: 600;
}

.btn-primary:hover {
  background-color: var(--primary-color-dark);
}

.btn-outline {
  border: 2px solid var(--accent-color);
  color: var(--accent-color);
  padding: 0.5rem 1.25rem;
  border-radius: 0.375rem;
  font-weight: 600;
}

.btn-outline:hover {
  background-color: var(--accent-color);
  color: #fff;
}

/* Section headers */
.section-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--primary-color);
  text-align: center;
  margin-bottom: 2rem;
}