/* ========================================
   UI CARD COMPONENT
   ======================================== */

.ui-card {
    background-color: var(--color-bg-primary);
    border-radius: var(--card-radius);
    overflow: hidden;
}

.ui-card-shadow {
    box-shadow: var(--shadow-card);
}

/* Padding Variants */
.ui-card-padding-none {
    padding: 0;
}

.ui-card-padding-small {
    padding: var(--space-4);
}

.ui-card-padding-default {
    padding: var(--card-padding);
}

.ui-card-padding-large {
    padding: var(--space-12);
}