/* Flex Utilities */
.flex{display:flex;}
.flex-col{flex-direction:column;}
.center{align-items:center;justify-content:center;}
.justify-between{justify-content:space-between;}
.align-center{align-items:center;}
.gap-1{gap:var(--space-1);}
.gap-2{gap:var(--space-2);}
.gap-3{gap:var(--space-3);}

/* Width Utilities */
.w100{width:100%;}
.max-w-full{max-width:100%;}

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

/* Typography */
.fs-h1{font-size:var(--fs-h1);}
.fs-title{font-size:var(--fs-title);}
.fs-body{font-size:var(--fs-body);}
.fs-small{font-size:var(--fs-small);}

.fw-bold{font-weight:700;}
.fw-semibold{font-weight:600;}
.fw-normal{font-weight:400;}

/* Colors */
.text-primary{color:var(--text-primary);}
.text-secondary{color:var(--text-secondary);}
.text-muted{color:var(--text-muted);}

/* Margins & Paddings */
.mt-1{margin-top:var(--space-1);}
.mt-2{margin-top:var(--space-2);}
.mt-3{margin-top:var(--space-3);}
.mb-1{margin-bottom:var(--space-1);}
.mb-2{margin-bottom:var(--space-2);}
.mb-3{margin-bottom:var(--space-3);}

.p-2{padding:var(--space-2);}
.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2);}
.px-2{padding-left:var(--space-2);padding-right:var(--space-2);}