/* ========================================
   TYPOGRAPHY
   ======================================== */

/* Fonts are now loaded via <link> tags in HTML for better performance */

body {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  color: var(--ivory);
  background-color: var(--bg);
}

/* Headings */
h1, h2, h3 {
  font-family: var(--font-heading);
  color: var(--ivory);
}

h1 {
  font-size: clamp(2.5rem, 5vw, 4.5rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

h2 {
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

h3 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 500;
  line-height: 1.3;
}

h4 {
  font-size: 1.25rem;
  font-weight: 600;
  font-family: var(--font-body);
}

/* Body Text */
p {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  line-height: 1.8;
  color: rgba(248, 246, 240, 0.85);
}

.lead {
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  line-height: 1.7;
  color: var(--ivory);
}

.small-text {
  font-size: 0.875rem;
  line-height: 1.6;
}

/* Accent Text */
.gold-text {
  color: var(--gold);
}

.uppercase {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.875rem;
  font-weight: 500;
}

/* Quote Styles */
blockquote {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-style: italic;
  line-height: 1.6;
  color: var(--ivory);
  border-left: 3px solid var(--gold);
  padding-left: var(--spacing-md);
}