/**
 * Vkard Elementor Widgets — Global Utility Classes
 *
 * Shared utility classes available to every widget in this plugin.
 * Depends on vkard-variables.css for CSS custom properties.
 */

/* ── Colors — text ────────────────────────────────────────────────────── */
.text-gray-500 {
    color: var(--color-gray-500);
}

/* ── Typography — font size ───────────────────────────────────────────── */
.text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
}

.vkard-card {
    background: #ffffff;
    border: 1px solid #e9e9e9;
    border-radius: 24px;

    /* soft modern shadow */
    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.03),
        0 8px 24px rgba(0, 0, 0, 0.05),
        0 20px 40px rgba(0, 0, 0, 0.04);

    padding: 32px;
}