/* ================================================
   typography.css — Font Imports & Text Styles
   ================================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600&display=swap');

h1 { font-family: var(--font-display); font-weight: 700; font-size: var(--text-4xl); color: var(--color-text-primary); letter-spacing: -0.02em; line-height: 1.2; }
h2 { font-family: var(--font-display); font-weight: 600; font-size: var(--text-3xl); color: var(--color-text-primary); line-height: 1.3; }
h3 { font-family: var(--font-body); font-weight: 600; font-size: var(--text-xl); color: var(--color-text-primary); }
h4 { font-family: var(--font-body); font-weight: 600; font-size: var(--text-lg); }
h5 { font-family: var(--font-body); font-weight: 500; font-size: var(--text-base); }
p { color: var(--color-text-secondary); font-size: var(--text-base); line-height: 1.7; }
.text-display { font-family: var(--font-display); }
.text-xs { font-size: var(--text-xs); }
.text-sm { font-size: var(--text-sm); }
.text-lg { font-size: var(--text-lg); }
.text-xl { font-size: var(--text-xl); }
.text-2xl { font-size: var(--text-2xl); }
.text-muted { color: var(--color-text-muted); }
.text-secondary { color: var(--color-text-secondary); }
.text-primary-color { color: var(--color-primary); }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }