/* ============================================
   UTILITY CLASSES (Prefixed with dash-)
   ============================================ */

/* Font Sizes */
.dash-text-xs {
    font-size: 0.75rem !important;
}
.dash-text-sm {
    font-size: 0.8rem !important;
}
.dash-text-md {
    font-size: 0.9rem !important;
}
.dash-text-base {
    font-size: 1rem !important;
}
.dash-text-lg {
    font-size: 1.1rem !important;
}
.dash-text-xl {
    font-size: 1.25rem !important;
}
.dash-text-2xl {
    font-size: 1.5rem !important;
}
.dash-text-3xl {
    font-size: 2rem !important;
}

/* Icon Sizes */
.dash-icon-xs {
    font-size: 0.8rem !important;
}
.dash-icon-sm {
    font-size: 0.9rem !important;
}
.dash-icon-md {
    font-size: 1rem !important;
}
.dash-icon-lg {
    font-size: 1.25rem !important;
}
.dash-icon-xl {
    font-size: 1.5rem !important;
}
.dash-icon-2xl {
    font-size: 2rem !important;
}
.dash-icon-3xl {
    font-size: 2.5rem !important;
}

/* Icon Circles */
.dash-icon-circle-sm {
    width: 35px !important;
    height: 35px !important;
}
.dash-icon-circle-md {
    width: 40px !important;
    height: 40px !important;
}
.dash-icon-circle-lg {
    width: 50px !important;
    height: 50px !important;
}
.dash-icon-circle-xl {
    width: 60px !important;
    height: 60px !important;
}
.dash-icon-circle-2xl {
    width: 80px !important;
    height: 80px !important;
}

/* Line Heights */
.dash-lh-base {
    line-height: 1.5 !important;
}

/* Max Widths */
.dash-max-w-480 {
    max-width: 480px !important;
}