/**
 * Shared surface primitives (ARCH2).
 */

.dc-surface-card {
    background: var(--dc-bg-surface);
    border: var(--dc-border-width) solid var(--dc-border);
    border-radius: var(--dc-radius-card);
    box-sizing: border-box;
}

.dc-surface-card--pad-sm {
    padding: var(--dc-space-5);
}

.dc-surface-card--pad-md {
    padding: var(--dc-space-6);
}

.dc-surface-card--pad-lg {
    padding: var(--dc-space-10);
}

.dc-surface-card--pad-xl {
    padding: var(--dc-space-8);
}

.dc-surface-card--pad-xs {
    padding: var(--dc-space-4);
}

/* Elevation and clipping variants (CSS-29). */
.dc-surface-card--shadow {
    box-shadow: var(--dc-shadow-1);
}

.dc-surface-card--lift {
    box-shadow: var(--dc-shadow-lift);
}

.dc-surface-card--clip {
    overflow: hidden;
}