.ds-card{--_bg:var(--surface-card);--_fg:var(--text-body);--_bd:var(--border-subtle);position:relative;background:var(--_bg);color:var(--_fg);border:1px solid var(--_bd);border-radius:var(--radius-card);transition:var(--transition-control);box-shadow:var(--shadow-card)}.ds-card--flat{box-shadow:none}.ds-card--outline{box-shadow:none;--_bd:var(--border-default);background:transparent}.ds-card--raised{box-shadow:var(--shadow-3)}.ds-card--inverse{--_bg:var(--surface-inverse);--_fg:var(--text-on-inverse);--_bd:transparent;box-shadow:none}.ds-card--accent{--_bg:var(--surface-accent);--_fg:var(--text-on-accent);--_bd:transparent;box-shadow:var(--shadow-accent)}.ds-card--p-sm{padding:16px}.ds-card--p-md{padding:24px}.ds-card--p-lg{padding:32px}.ds-card--p-none{padding:0}.ds-card--interactive{cursor:pointer}.ds-card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-3);border-color:var(--border-default)}.ds-card--interactive:active{transform:translateY(0)}.ds-card--accent-edge:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:3px;background:var(--accent)}