/* =============================================================================
   Utilities: Typography
   CUBE CSS: Single-responsibility text utilities tied to design tokens.
   ============================================================================= */

/* Font sizes */
.text-sm   { font-size: var(--text-sm); }
.text-base { font-size: var(--text-base); }
.text-md   { font-size: var(--text-md); }
.text-lg   { font-size: var(--text-lg); }
.text-xl   { font-size: var(--text-xl); }
.text-2xl  { font-size: var(--text-2xl); }
.text-hero { font-size: var(--text-hero); }

/* Font families */
.font-sans  { font-family: var(--font-sans); }
.font-serif { font-family: var(--font-serif); }

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

/* Transforms */
.uppercase { text-transform: uppercase; }

/* Colors */
.text-inverse { color: var(--color-text-inverse); }
.text-accent  { color: var(--color-accent); }