/* ==========================================================
   Dusanglobal Design System
   Utilities
   ========================================================== */

@layer utilities {

    /* Display */

    .hidden {
        display: none !important;
    }

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
        border: 0;
    }

    /* Text */

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

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

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

    /* Width */

    .w-100 {
        width: 100%;
    }

    /* Border radius */

    .rounded-sm {
        border-radius: var(--radius-sm);
    }

    .rounded-md {
        border-radius: var(--radius-md);
    }

    .rounded-lg {
        border-radius: var(--radius-lg);
    }

    /* Shadows */

    .shadow-sm {
        box-shadow: var(--shadow-sm);
    }

    .shadow-md {
        box-shadow: var(--shadow-md);
    }

    .shadow-lg {
        box-shadow: var(--shadow-lg);
    }
}