/* ============================================
   typography.css — Project Detail Page Typography
   ============================================ */

.main-title {
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  font-weight: 800;
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 16px;
}

.subheader-text {
  font-family: var(--font-accent, 'JetBrains Mono', monospace);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--accent-primary, #FFA6CD);
  margin-bottom: 16px;
}

.body-text {
  font-size: 16px;
  line-height: 1.75;
  color: var(--text-secondary, #94a3b8);
}

.body-text a {
  color: var(--accent-primary, #FFA6CD);
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid rgba(255, 166, 205, 0.3);
  transition: border-color 0.3s ease, color 0.3s ease;
}

.body-text a:hover {
  color: var(--accent-secondary, #FF7EB3);
  border-bottom-color: var(--accent-secondary, #FF7EB3);
}

.image-caption {
  display: block;
  padding: 12px 16px;
  font-size: 13px;
  color: var(--text-secondary, #94a3b8);
  font-style: italic;
  line-height: 1.5;
}

.nav-title {
  font-family: var(--font-accent, 'JetBrains Mono', monospace);
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary, #f1f5f9);
}

.button-text {
  font-size: 13px;
  font-weight: 600;
}