.u-card {
    --u-card-bevel: var(--shape-card-bevel-md);
    background: var(--surface-card);
    border: var(--card-border-width) solid var(--border-card);
    padding: var(--card-padding);
    box-shadow: var(--card-shadow);
    clip-path: polygon(var(--u-card-bevel) 0, 100% 0, 100% calc(100% - var(--u-card-bevel)), calc(100% - var(--u-card-bevel)) 100%, 0 100%, 0 var(--u-card-bevel));
    color: var(--text-card-primary);
}

.u-card--surface-alt {
    background: var(--surface-card-alt);
}

.u-card--border-strong {
    border-color: var(--border-card-strong);
}