/* Font Size */
.text-xs { font-size: 0.75rem; /* 12px */ }

.text-sm { font-size: 0.875rem; /* 14px */ }

.text-base { font-size: 1rem; /* 16px */ }

.text-lg { font-size: 1.125rem; /* 18px */ }

.text-xl { font-size: 1.25rem; /* 20px */ }

.text-2xl { font-size: 1.5rem; /* 24px */ }

.text-3xl { font-size: 1.875rem; /* 30px */ }

.text-4xl { font-size: 2.25rem; /* 36px */ }

.text-5xl { font-size: 3rem; /* 48px */ }

/* Font Weight */
.font-thin { font-weight: 100; }

.font-extralight { font-weight: 200; }

.font-light { font-weight: 300; }

.font-normal { font-weight: 400; }

.font-medium { font-weight: 500; }

.font-semibold { font-weight: 600; }

.font-bold { font-weight: 700; }

.font-extrabold { font-weight: 800; }

.font-black { font-weight: 900; }

/* Line Height */
.leading-none { line-height: 1; }

.leading-tight { line-height: 1.25; }

.leading-snug { line-height: 1.375; }

.leading-normal { line-height: 1.5; }

.leading-relaxed { line-height: 1.625; }

.leading-loose { line-height: 2; }

/* Letter Spacing */
.tracking-tighter { letter-spacing: -0.05em; }

.tracking-tight { letter-spacing: -0.025em; }

.tracking-normal { letter-spacing: 0; }

.tracking-wide { letter-spacing: 0.025em; }

.tracking-wider { letter-spacing: 0.05em; }

.tracking-widest { letter-spacing: 0.1em; }

/* Text Transform */
.uppercase { text-transform: uppercase; }

.lowercase { text-transform: lowercase; }

.capitalize { text-transform: capitalize; }

/* Text Decoration */
.underline { text-decoration: underline; }

.line-through { text-decoration: line-through; }

.no-underline { text-decoration: none; }

/* Text Alignment */
.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

/* Text Decoration */
.text-ellipsis { 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}

/* Font Style */
.italic { font-style: italic; }

.normal-italic { font-style: normal; }


/* Responsive Font Sizes (Optional) */
@media (min-width: 640px) { }

@media (min-width: 768px) { }

@media (min-width: 1024px) { }

@media (min-width: 1280px) { }

@media (min-width: 1536px) { }