/**
 * Harith Design System - Utility Classes
 * Version: 1.0.0
 * 
 * Spacing, display, and helper classes for rapid prototyping.
 */
/* ===================================
   Spacing Utilities
   =================================== */
.m-0 {
    margin: 0;

































































































































































































































































































    .z-auto {
        z-index: auto;
    }

    .z-50 {
        z-index: 50;
    }

    .z-40 {
        z-index: 40;
    }

    .z-30 {
        z-index: 30;
    }

    .z-20 {
        z-index: 20;
    }

    .z-10 {
        z-index: 10;
    }

    .z-0 {
        z-index: 0;
    }

    ===================================*/ Z-Index Utilities
    /* ===================================.transition-slow { transition: all var(--transition-slow); }.transition-base { transition: all var(--transition-base); }.transition-fast { transition: all var(--transition-fast); }   =================================== */
    Transition Utilities
    /* ===================================.opacity-100 { opacity: 1; }.opacity-75 { opacity: 0.75; }.opacity-50 { opacity: 0.5; }.opacity-25 { opacity: 0.25; }.opacity-0 { opacity: 0; }   =================================== */
    Opacity Utilities
    /* ===================================.cursor-not-allowed { cursor: not-allowed; }.cursor-default { cursor: default; }.cursor-pointer { cursor: pointer; }   =================================== */
    Cursor Utilities
    /* ===================================.overflow-y-auto { overflow-y: auto; }.overflow-x-auto { overflow-x: auto; }.overflow-visible { overflow: visible; }.overflow-scroll { overflow: scroll; }.overflow-hidden { overflow: hidden; }.overflow-auto { overflow: auto; }   =================================== */
    Overflow Utilities
    /* ===================================.shadow-none { box-shadow: none; }.shadow-xl { box-shadow: var(--shadow-xl); }.shadow-lg { box-shadow: var(--shadow-lg); }.shadow-md { box-shadow: var(--shadow-md); }.shadow-sm { box-shadow: var(--shadow-sm); }   =================================== */
    Shadow Utilities
    /* ===================================.rounded-full { border-radius: var(--radius-full); }.rounded-xl { border-radius: var(--radius-xl); }.rounded-lg { border-radius: var(--radius-lg); }.rounded-md { border-radius: var(--radius-md); }.rounded-sm { border-radius: var(--radius-sm); }   =================================== */
    Border Utilities
    /* ===================================.bg-info { background-color: var(--color-info); }.bg-warning { background-color: var(--color-warning); }.bg-error { background-color: var(--color-error); }.bg-success { background-color: var(--color-success); }.bg-primary { background-color: var(--color-primary); }.text-info { color: var(--color-info); }.text-warning { color: var(--color-warning); }.text-error { color: var(--color-error); }.text-success { color: var(--color-success); }.text-primary { color: var(--color-primary); }   =================================== */
    Color Utilities
    /* ===================================.capitalize { text-transform: capitalize; }.lowercase { text-transform: lowercase; }.uppercase { text-transform: uppercase; }.text-right { text-align: right; }.text-center { text-align: center; }.text-left { text-align: left; }.font-bold { font-weight: var(--font-weight-bold); }.font-semibold { font-weight: var(--font-weight-semibold); }.font-medium { font-weight: var(--font-weight-medium); }.font-normal { font-weight: var(--font-weight-normal); }.text-3xl { font-size: var(--font-size-3xl); }.text-2xl { font-size: var(--font-size-2xl); }.text-xl { font-size: var(--font-size-xl); }.text-lg { font-size: var(--font-size-lg); }.text-base { font-size: var(--font-size-base); }.text-sm { font-size: var(--font-size-sm); }.text-xs { font-size: var(--font-size-xs); }   =================================== */
    Text Utilities
    /* ===================================.left-0 { left: 0; }.bottom-0 { bottom: 0; }.right-0 { right: 0; }.top-0 { top: 0; }.pos-sticky { position: sticky; }.pos-fixed { position: fixed; }.pos-absolute { position: absolute; }.pos-relative { position: relative; }   =================================== */
    Position Utilities
    /* ===================================.max-w-full { max-width: 100%; }.max-w-xl { max-width: 1280px; }.max-w-lg { max-width: 1024px; }.max-w-md { max-width: 768px; }.max-w-sm { max-width: 640px; }.h-screen { height: 100vh; }.h-auto { height: auto; }.h-full { height: 100%; }.w-25 { width: 25%; }.w-33 { width: 33.333%; }.w-50 { width: 50%; }.w-auto { width: auto; }.w-full { width: 100%; }   =================================== */
    Width & Height Utilities

    /* ===================================.gap-xl { gap: var(--spacing-xl); }.gap-lg { gap: var(--spacing-lg); }.gap-md { gap: var(--spacing-md); }.gap-sm { gap: var(--spacing-sm); }.gap-xs { gap: var(--spacing-xs); }.flex-none { flex: none; }.flex-auto { flex: auto; }.flex-1 { flex: 1; }.align-baseline { align-items: baseline; }.align-stretch { align-items: stretch; }.align-center { align-items: center; }.align-end { align-items: flex-end; }.align-start { align-items: flex-start; }.justify-around { justify-content: space-around; }.justify-between { justify-content: space-between; }.justify-center { justify-content: center; }.justify-end { justify-content: flex-end; }.justify-start { justify-content: flex-start; }.flex-nowrap { flex-wrap: nowrap; }.flex-wrap { flex-wrap: wrap; }.flex-column { flex-direction: column; }.flex-row { flex-direction: row; }/* Flex Utilities */
    .d-none {
        display: none;
    }

    .d-grid {
        display: grid;
    }

    .d-inline-flex {
        display: inline-flex;
    }

    .d-flex {
        display: flex;
    }

    .d-inline-block {
        display: inline-block;
    }

    .d-inline {
        display: inline;
    }

    .d-block {
        display: block;
    }

    ===================================*/ Display Utilities

    /* ===================================.py-2xl { padding-top: var(--spacing-2xl); padding-bottom: var(--spacing-2xl); }.px-2xl { padding-left: var(--spacing-2xl); padding-right: var(--spacing-2xl); }.pl-2xl { padding-left: var(--spacing-2xl); }.pb-2xl { padding-bottom: var(--spacing-2xl); }.pr-2xl { padding-right: var(--spacing-2xl); }.pt-2xl { padding-top: var(--spacing-2xl); }.p-2xl { padding: var(--spacing-2xl); }.py-xl { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }.px-xl { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }.pl-xl { padding-left: var(--spacing-xl); }.pb-xl { padding-bottom: var(--spacing-xl); }.pr-xl { padding-right: var(--spacing-xl); }.pt-xl { padding-top: var(--spacing-xl); }.p-xl { padding: var(--spacing-xl); }.py-lg { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }.px-lg { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }.pl-lg { padding-left: var(--spacing-lg); }.pb-lg { padding-bottom: var(--spacing-lg); }.pr-lg { padding-right: var(--spacing-lg); }.pt-lg { padding-top: var(--spacing-lg); }.p-lg { padding: var(--spacing-lg); }.py-md { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }.px-md { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }.pl-md { padding-left: var(--spacing-md); }.pb-md { padding-bottom: var(--spacing-md); }.pr-md { padding-right: var(--spacing-md); }.pt-md { padding-top: var(--spacing-md); }.p-md { padding: var(--spacing-md); }.py-sm { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }.px-sm { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }.pl-sm { padding-left: var(--spacing-sm); }.pb-sm { padding-bottom: var(--spacing-sm); }.pr-sm { padding-right: var(--spacing-sm); }.pt-sm { padding-top: var(--spacing-sm); }.p-sm { padding: var(--spacing-sm); }.py-xs { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs); }.px-xs { padding-left: var(--spacing-xs); padding-right: var(--spacing-xs); }.pl-xs { padding-left: var(--spacing-xs); }.pb-xs { padding-bottom: var(--spacing-xs); }.pr-xs { padding-right: var(--spacing-xs); }.pt-xs { padding-top: var(--spacing-xs); }.p-xs { padding: var(--spacing-xs); }.py-0 { padding-top: 0; padding-bottom: 0; }.px-0 { padding-left: 0; padding-right: 0; }.pl-0 { padding-left: 0; }.pb-0 { padding-bottom: 0; }.pr-0 { padding-right: 0; }.pt-0 { padding-top: 0; }.p-0 { padding: 0; }/* Padding */
    .my-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .m-auto {
        margin: auto;
    }

    .my-2xl {
        margin-top: var(--spacing-2xl);
        margin-bottom: var(--spacing-2xl);
    }

    .mx-2xl {
        margin-left: var(--spacing-2xl);
        margin-right: var(--spacing-2xl);
    }

    .ml-2xl {
        margin-left: var(--spacing-2xl);
    }

    .mb-2xl {
        margin-bottom: var(--spacing-2xl);
    }

    .mr-2xl {
        margin-right: var(--spacing-2xl);
    }

    .mt-2xl {
        margin-top: var(--spacing-2xl);
    }

    .m-2xl {
        margin: var(--spacing-2xl);
    }

    .my-xl {
        margin-top: var(--spacing-xl);
        margin-bottom: var(--spacing-xl);
    }

    .mx-xl {
        margin-left: var(--spacing-xl);
        margin-right: var(--spacing-xl);
    }

    .ml-xl {
        margin-left: var(--spacing-xl);
    }

    .mb-xl {
        margin-bottom: var(--spacing-xl);
    }

    .mr-xl {
        margin-right: var(--spacing-xl);
    }

    .mt-xl {
        margin-top: var(--spacing-xl);
    }

    .m-xl {
        margin: var(--spacing-xl);
    }

    .my-lg {
        margin-top: var(--spacing-lg);
        margin-bottom: var(--spacing-lg);
    }

    .mx-lg {
        margin-left: var(--spacing-lg);
        margin-right: var(--spacing-lg);
    }

    .ml-lg {
        margin-left: var(--spacing-lg);
    }

    .mb-lg {
        margin-bottom: var(--spacing-lg);
    }

    .mr-lg {
        margin-right: var(--spacing-lg);
    }

    .mt-lg {
        margin-top: var(--spacing-lg);
    }

    .m-lg {
        margin: var(--spacing-lg);
    }

    .my-md {
        margin-top: var(--spacing-md);
        margin-bottom: var(--spacing-md);
    }

    .mx-md {
        margin-left: var(--spacing-md);
        margin-right: var(--spacing-md);
    }

    .ml-md {
        margin-left: var(--spacing-md);
    }

    .mb-md {
        margin-bottom: var(--spacing-md);
    }

    .mr-md {
        margin-right: var(--spacing-md);
    }

    .mt-md {
        margin-top: var(--spacing-md);
    }

    .m-md {
        margin: var(--spacing-md);
    }

    .my-sm {
        margin-top: var(--spacing-sm);
        margin-bottom: var(--spacing-sm);
    }

    .mx-sm {
        margin-left: var(--spacing-sm);
        margin-right: var(--spacing-sm);
    }

    .ml-sm {
        margin-left: var(--spacing-sm);
    }

    .mb-sm {
        margin-bottom: var(--spacing-sm);
    }

    .mr-sm {
        margin-right: var(--spacing-sm);
    }

    .mt-sm {
        margin-top: var(--spacing-sm);
    }

    .m-sm {
        margin: var(--spacing-sm);
    }

    .my-xs {
        margin-top: var(--spacing-xs);
        margin-bottom: var(--spacing-xs);
    }

    .mx-xs {
        margin-left: var(--spacing-xs);
        margin-right: var(--spacing-xs);
    }

    .ml-xs {
        margin-left: var(--spacing-xs);
    }

    .mb-xs {
        margin-bottom: var(--spacing-xs);
    }

    .mr-xs {
        margin-right: var(--spacing-xs);
    }

    .mt-xs {
        margin-top: var(--spacing-xs);
    }

    .m-xs {
        margin: var(--spacing-xs);
    }

    .my-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .mx-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .ml-0 {
        margin-left: 0;
    }

    .mb-0 {
        margin-bottom: 0;
    }

    .mr-0 {
        margin-right: 0;
    }

    .mt-0 {
        margin-top: 0;
    }
}