/* Strokr — Custom overrides for Tailwind */

/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}

/* Selection color */
::selection {
  background-color: rgba(201, 149, 44, 0.3);
  color: #f5f0e8;
}

/* Prose plugin emulation for article content */
.prose h2 {
  font-family: 'Playfair Display', Georgia, serif;
  color: #f5f0e8;
  font-size: 1.875rem;
  font-weight: 700;
  margin-top: 3rem;
  margin-bottom: 1rem;
}

.prose h3 {
  font-family: 'Playfair Display', Georgia, serif;
  color: #f5f0e8;
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

.prose p {
  color: #d4d4d4;
  line-height: 1.75;
  margin-bottom: 1.25rem;
}

.prose a {
  color: #d4a843;
  text-decoration: none;
}

.prose a:hover {
  text-decoration: underline;
}

.prose strong {
  color: #f5f0e8;
}

.prose ul,
.prose ol {
  color: #d4d4d4;
  padding-left: 1.5rem;
  margin-bottom: 1.25rem;
}

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

.prose ul li {
  list-style-type: disc;
}

.prose ol li {
  list-style-type: decimal;
}

.prose blockquote {
  border-left: 3px solid #c9952c;
  padding-left: 1rem;
  color: #a3a3a3;
  font-style: italic;
  margin: 1.5rem 0;
}

.prose hr {
  border-color: rgba(64, 64, 64, 0.5);
  margin: 2.5rem 0;
}