/* 
 * Typography System
 * Consolidated typography classes for consistent text styling across components
 * 
 * Note: Line-height is handled separately as per requirements
 * Color is handled separately as per requirements
 */

/* ==========================================================================
   DISPLAY & HEADING STYLES
   ========================================================================== */

.heading-xl {
	font-family: var(--font-family-heading);
	font-weight: var(--font-weight-normal);
	font-size: var(--text-xl);
	letter-spacing: var(--letter-spacing-tight);
}

.heading-lg {
	font-family: var(--font-family-heading);
	font-weight: var(--font-weight-medium);
	font-size: var(--text-lg);
	letter-spacing: var(--letter-spacing-normal);
}

.heading-md {
	font-family: var(--font-family-heading);
	font-weight: var(--font-weight-medium);
	font-size: var(--text-md);
	letter-spacing: var(--letter-spacing-normal);
}

.heading-sm {
	font-family: var(--font-family-heading);
	font-weight: var(--font-weight-medium);
	font-size: var(--text-sm);
	letter-spacing: var(--letter-spacing-normal);
}

.heading-xs {
	font-family: var(--font-family-heading);
	font-weight: var(--font-weight-medium);
	font-size: var(--text-xs);
	letter-spacing: var(--letter-spacing-normal);
}

/* ==========================================================================
   BODY TEXT STYLES
   ========================================================================== */

.text-lg {
	font-family: var(--font-family-body);
	font-weight: var(--font-weight-normal);
	font-size: var(--text-lg);
	letter-spacing: var(--letter-spacing-normal);
}

.text-md {
	font-family: var(--font-family-body);
	font-weight: var(--font-weight-normal);
	font-size: var(--text-md);
	letter-spacing: var(--letter-spacing-normal);
}

.text-sm {
	font-family: var(--font-family-body);
	font-weight: var(--font-weight-normal);
	font-size: var(--text-sm);
	letter-spacing: var(--letter-spacing-loose);
}

.text-xs {
	font-family: var(--font-family-body);
	font-weight: var(--font-weight-normal);
	font-size: var(--text-xs);
	letter-spacing: var(--letter-spacing-loose);
}

/* ==========================================================================
   INTERACTIVE TEXT STYLES
   ========================================================================== */

/* Text for buttons and interactive elements */
.text-interactive {
	font-family: var(--font-family-body);
	font-weight: var(--font-weight-medium);
	font-size: var(--text-sm);
	letter-spacing: var(--letter-spacing-loose);
}