/* Procedencia ART — Elegant Heading Typography */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=Inter:wght@400;500;600&display=swap');

/* H1 — Main page titles */
h1 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 300;
  letter-spacing: 0.08em;
  line-height: 1.2;
  color: #1A1A1A !important;
  margin-bottom: 1.5rem;
  margin-top: 2rem;
}

/* H2 — Section headings */
h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 300;
  letter-spacing: 0.06em;
  line-height: 1.25;
  color: #1A1A1A !important;
  margin-bottom: 1.25rem;
  margin-top: 1.75rem;
  border-bottom: 2px solid #E8DDD0;
  padding-bottom: 0.75rem;
}

/* H3 — Subsection headings */
h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.25rem, 3.5vw, 1.75rem);
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.3;
  color: #2A2A2A !important;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}

/* H4 — Minor headings */
h4 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #333333 !important;
  margin-bottom: 0.75rem;
  margin-top: 1.25rem;
}

/* H5 — Accent headings in gold */
h5 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.1rem;
  font-weight: 300;
  letter-spacing: 0.08em;
  color: #C9A84C !important;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  margin-top: 1rem;
}

/* H6 — Meta text */
h6 {
  font-family: 'Inter', sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  color: #8C8C8C !important;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
  h1 { font-size: 1.75rem; margin-top: 1.25rem; letter-spacing: 0.06em; }
  h2 { font-size: 1.4rem; margin-top: 1.25rem; letter-spacing: 0.04em; }
  h3 { font-size: 1.2rem; letter-spacing: 0.02em; }
  h4 { font-size: 1rem; }
}